/* Structural compatibility for existing specialist views only. */
@scope (body.lj-detail) {



#appSplash{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  height:100dvh;
  z-index:2147483646;
  overflow:hidden;
  
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  transition:
    opacity .42s cubic-bezier(.22,.72,.22,1),
    visibility 0s linear .42s;
}
#appSplash img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
:scope.boot-splash-exit #appSplash{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
:scope{
  overflow:hidden!important;
}
@media (prefers-reduced-motion:reduce){
  #appSplash{transition:opacity .18s linear,visibility 0s linear .18s;}
}

:scope,:scope{
  margin:0;
  width:100%;
  min-height:100%;
  
  color-scheme:dark;
}
:scope{
  
}


:scope.boot-no-profile #firstRun{
  display:flex!important;
}
:scope.boot-no-profile .app,
:scope.boot-no-profile .bottom,
:scope.boot-no-profile #profileBottomTools{
  display:none!important;
}
:scope.boot-has-profile #firstRun{
  display:none!important;
}



.profile-bottom-tools{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:calc(env(safe-area-inset-bottom,0px) + 48px);
  z-index:58;
  pointer-events:none;
}
:scope:not(.profile-page-active) .profile-bottom-tools{
  display:none!important;
}
.profile-bottom-tools .profile-add-area{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 118px)!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  z-index:2!important;
  pointer-events:none;
}
.profile-bottom-tools .add-profile-btn{
  pointer-events:auto;
  width:auto!important;
  min-width:146px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  
  border:1px solid rgba(157,190,230,.13)!important;
}
.profile-bottom-tools .add-profile-plus{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
}
.profile-bottom-tools .original-chart-section{
  position:absolute!important;
  left:auto!important;
  right:max(8px,env(safe-area-inset-right,0px))!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 120px)!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
  pointer-events:auto;
}
.profile-bottom-tools .original-chart-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}

:scope.profile-page-active .bottom,
:scope:not(.profile-page-active) .bottom{
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  transition:none!important;
}
#profilePage.profile-form-mode ~ *{
  
}



.profile-bottom-tools{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:58!important;
  pointer-events:none!important;
}
.profile-bottom-tools .profile-add-area{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 118px)!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  padding:0!important;
  z-index:2!important;
  pointer-events:none!important;
}
.profile-bottom-tools .profile-add-area .add-profile-btn{
  pointer-events:auto!important;
}
.profile-bottom-tools .original-chart-section{
  position:absolute!important;
  left:auto!important;
  right:max(12px,env(safe-area-inset-right,0px))!important;
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 120px)!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
  pointer-events:auto!important;
}

:scope.profile-page-active .bottom,
:scope:not(.profile-page-active) .bottom{
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  transition:none!important;
}



:scope,:scope{
  
}
:scope{
  
}
#screenSky{
  opacity:1!important;
}
#spaceBg,#spaceFx{
  opacity:0;
  transition:opacity .38s ease-out;
}
:scope.galaxy-ready #spaceBg{
  opacity:1;
}
:scope.galaxy-ready #spaceFx{
  opacity:.96;
}

:scope:not(.ui-ready) .app,
:scope:not(.ui-ready) .page,
:scope:not(.ui-ready) .bottom,
:scope:not(.ui-ready) header,
:scope:not(.ui-ready) #profileBottomTools{
  transition:none!important;
  animation:none!important;
}



#profilePage #profileFormCard .birth-picker-grid select,
#profilePage #profileFormCard .time-picker-grid select,
#profilePage #profileFormCard .picker-mini select,
#profilePage #profileFormCard #genderSelect,
#profilePage #profileFormCard select{
  font-size:9.5px!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
  text-align:center!important;
  text-align-last:center!important;
  vertical-align:middle!important;
}
#profilePage #profileFormCard .birth-picker-grid select,
#profilePage #profileFormCard .time-picker-grid select,
#profilePage #profileFormCard .picker-mini select{
  padding-left:4px!important;
  padding-right:18px!important;
}
#profilePage #profileFormCard .birth-picker-grid span,
#profilePage #profileFormCard .time-picker-grid span,
#profilePage #profileFormCard .picker-mini span{
  font-size:7px!important;
  right:6px!important;
}
#profilePage #profileFormCard .segment button{
  font-size:9px!important;
  line-height:1!important;
}
@media(max-width:390px){
  #profilePage #profileFormCard .birth-picker-grid select,
  #profilePage #profileFormCard .time-picker-grid select,
  #profilePage #profileFormCard .picker-mini select,
  #profilePage #profileFormCard #genderSelect,
  #profilePage #profileFormCard select{
    font-size:8.8px!important;
  }
}



#profilePage #nameInput::placeholder{
  
  -webkit-text-fill-
  font-size:8.8px!important;
  letter-spacing:.02em!important;
  opacity:1!important;
}
#profilePage #profileFormCard .birth-picker-grid select,
#profilePage #profileFormCard .time-picker-grid select,
#profilePage #profileFormCard .picker-mini select,
#profilePage #profileFormCard #genderSelect,
#profilePage #profileFormCard select{
  font-size:10.5px!important;
}
@media(max-width:390px){
  #profilePage #profileFormCard .birth-picker-grid select,
  #profilePage #profileFormCard .time-picker-grid select,
  #profilePage #profileFormCard .picker-mini select,
  #profilePage #profileFormCard #genderSelect,
  #profilePage #profileFormCard select{
    font-size:10px!important;
  }
}



#pathPage{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px);
}
#structureMap{
  margin-top:2px;
}
.life-structure{
  display:grid;
  gap:11px;
}
.life-core-card,
.life-section{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(181,207,239,.085);
  border-radius:21px;
  
}
.life-core-card{
  padding:16px 14px 14px;
}
.life-core-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-82px;
  top:-87px;
  border:1px solid rgba(172,207,247,.055);
  border-radius:50%;
  pointer-events:none;
}
.life-core-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
.life-core-top small,
.life-section-head small{
  
  font-size:7px;
  letter-spacing:.16em;
}
.life-core-top h2{
  margin:5px 0 0;
  
  font-size:22px;
  font-weight:560;
  letter-spacing:.08em;
}
.life-core-mark{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(167,202,244,.13);
  border-radius:50%;
  
  font-size:16px;
  
}
.life-core-card>p{
  position:relative;
  z-index:1;
  margin:9px 0 14px;
  max-width:330px;
  
  font-size:9.5px;
  line-height:1.68;
}
.life-axis-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
}
.life-axis{
  min-width:0;
  min-height:112px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:10px 9px 9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  
  
  text-align:left;
}
.life-axis.primary{
  
  
}
.life-axis>span{
  
  font-size:7px;
  letter-spacing:.10em;
}
.life-axis small{
  margin-top:9px;
  
  font-size:8px;
}
.life-axis b{
  width:100%;
  margin-top:5px;
  overflow:hidden;
  
  font-size:12px;
  font-weight:560;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.life-axis em{
  margin-top:6px;
  
  font-size:7.5px;
  font-style:normal;
  line-height:1.45;
}
.life-axis i{
  position:absolute;
  right:8px;
  bottom:7px;
  
  font-size:8px;
  font-style:normal;
}
.life-axis:active,
.reality-stack button:active{
  transform:scale(.988);
}

.life-section{
  padding:14px 13px 13px;
}
.life-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.life-section-head h4{
  margin:4px 0 0;
  
  font-size:14px;
  font-weight:540;
}
.life-section-head p{
  margin:0;
  
  font-size:7.5px;
  text-align:right;
}
.force-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.force-cell{
  min-height:82px;
  padding:10px;
  border:1px solid rgba(255,255,255,.048);
  border-radius:13px;
  
}
.force-cell small{
  display:block;
  
  font-size:8px;
}
.force-cell b{
  display:block;
  margin-top:6px;
  
  font-size:11px;
  font-weight:540;
  line-height:1.35;
}
.force-cell em{
  display:block;
  margin-top:6px;
  
  font-size:7.5px;
  font-style:normal;
}
.force-cell.growth{}
.force-cell.push{}
.force-cell.visible{}
.force-cell.stuck{}

.reality-stack{
  border-top:1px solid rgba(255,255,255,.05);
}
.reality-stack button{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto 12px;
  gap:8px;
  align-items:center;
  padding:8px 1px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.045);
  
  
  text-align:left;
}
.reality-stack button:last-child{
  border-bottom:0;
}
.reality-no{
  
  font-size:7px;
}
.reality-copy{
  min-width:0;
}
.reality-copy small{
  display:block;
  
  font-size:8px;
}
.reality-copy b{
  display:block;
  margin-top:4px;
  overflow:hidden;
  
  font-size:11.5px;
  font-weight:540;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.reality-stack em{
  
  font-size:7.5px;
  font-style:normal;
  white-space:nowrap;
}
.reality-stack i{
  
  font-size:8px;
  font-style:normal;
}

@media(max-width:370px){
  .life-axis-grid{gap:5px}
  .life-axis{padding-left:7px;padding-right:7px}
  .life-axis b{font-size:10.8px}
  .reality-stack button{
    grid-template-columns:22px minmax(0,1fr) 10px;
  }
  .reality-stack em{display:none}
}



.profile-bottom-tools .original-chart-btn,
.original-chart-btn{
  border:0!important;
  
  
  opacity:1!important;
}
.raw-star-icon{
  display:block;
  
  font-size:23px;
  line-height:1;
  font-weight:300;
  
  transform:translateY(-1px);
}
.original-chart-btn:active .raw-star-icon{
  
  
  transform:translateY(-1px) scale(.92);
}



#pathPage{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 94px);
}
.lineage-map{
  display:grid;
  gap:10px;
}
.lineage-intro{
  position:relative;
  overflow:hidden;
  padding:17px 15px 16px;
  border:1px solid rgba(167,198,235,.08);
  border-radius:21px;
  
}
.lineage-intro::after{
  content:"";
  position:absolute;
  width:210px;
  height:1px;
  right:-45px;
  bottom:25px;
  
  transform:rotate(-24deg);
}
.lineage-intro small,
.lineage-head small{
  
  font-size:7px;
  letter-spacing:.16em;
}
.lineage-intro h2{
  margin:6px 0 8px;
  
  font-size:19px;
  font-weight:540;
  letter-spacing:.025em;
}
.lineage-intro p{
  margin:0;
  max-width:360px;
  
  font-size:9.3px;
  line-height:1.72;
}

.lineage-panel{
  padding:14px 13px 13px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:19px;
  
}
.lineage-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.lineage-head h4{
  margin:4px 0 0;
  
  font-size:13.5px;
  font-weight:530;
}
.lineage-head p{
  margin:0;
  
  font-size:7.2px;
  text-align:right;
}


.formation-track{
  position:relative;
}
.formation-node{
  position:relative;
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:10px;
  padding:3px 0 13px;
}
.formation-node:last-child{padding-bottom:1px}
.formation-dot{
  width:26px;
  height:26px;
  z-index:2;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(145,183,230,.15);
  
  
  font-size:7px;
}
.formation-line{
  position:absolute;
  left:12.5px;
  top:29px;
  bottom:-1px;
  width:1px;
  
}
.formation-copy{
  padding-top:1px;
}
.formation-copy small{
  
  font-size:8px;
}
.formation-copy p{
  margin:5px 0 0;
  
  font-size:9px;
  line-height:1.63;
}


.loop-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.loop-card{
  min-height:106px;
  position:relative;
  padding:10px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:14px;
  
}
.loop-card>span{
  position:absolute;
  top:9px;
  right:9px;
  
  font-size:6.5px;
}
.loop-card small{
  
  font-size:8px;
}
.loop-card p{
  margin:7px 0 0;
  
  font-size:8.7px;
  line-height:1.58;
}
.loop-card.trigger{}
.loop-card.autopilot{}
.loop-card.cost{}
.loop-card.shift{}
.loop-center{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:49px;
  height:49px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  align-content:center;
  border:1px solid rgba(147,183,226,.12);
  border-radius:50%;
  
  
  font-size:5.5px;
  letter-spacing:.11em;
  text-align:center;
  
}
.loop-center b{
  
  font-size:14px;
  font-weight:300;
  line-height:1;
}


.tension-axis{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
  gap:5px;
  align-items:stretch;
}
.tension-side{
  min-height:120px;
  padding:11px 10px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:14px;
}
.tension-side.inward{
  
}
.tension-side.outward{
  
}
.tension-side small{
  
  font-size:7px;
}
.tension-side b{
  display:block;
  margin-top:6px;
  
  font-size:10px;
  font-weight:520;
}
.tension-side p{
  margin:7px 0 0;
  
  font-size:8.5px;
  line-height:1.58;
}
.tension-center{
  display:grid;
  place-items:center;
  
  font-size:15px;
}
.tension-key{
  margin-top:7px;
  padding:9px 10px;
  border-radius:12px;
  
  
  font-size:8px;
  line-height:1.58;
}


.pulse-list{
  display:grid;
  gap:9px;
}
.pulse-row{
  display:grid;
  grid-template-columns:20px 42px minmax(0,1fr) 22px;
  gap:7px;
  align-items:center;
}
.pulse-row>span{
  
  font-size:6.5px;
}
.pulse-row>b{
  
  font-size:9px;
  font-weight:510;
}
.pulse-track{
  height:3px;
  overflow:hidden;
  border-radius:999px;
  
}
.pulse-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  
}
.pulse-row em{
  
  font-size:7px;
  font-style:normal;
  text-align:right;
}


.evolution-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);
  align-items:stretch;
  gap:4px;
}
.evolution-flow>div{
  min-height:112px;
  padding:10px 8px;
  border:1px solid rgba(255,255,255,.048);
  border-radius:13px;
  
}
.evolution-flow>div.pause{
  
}
.evolution-flow>div.next{
  
}
.evolution-flow small{
  
  font-size:7px;
}
.evolution-flow p{
  margin:7px 0 0;
  
  font-size:8.2px;
  line-height:1.55;
}
.evolution-flow>span{
  display:grid;
  place-items:center;
  
  font-size:10px;
}

@media(max-width:365px){
  .loop-card{min-height:114px;padding:9px 8px}
  .tension-side{padding-left:8px;padding-right:8px}
  .evolution-flow p{font-size:7.7px}
}



#detailDialog::backdrop{
  
  -webkit-backdrop-filter:blur(14px) saturate(72%) brightness(68%);
  backdrop-filter:blur(14px) saturate(72%) brightness(68%);
}
#detailDialog .sheet{
  
  
}



.lineage-simple{
  display:grid;
  gap:11px;
}
.lineage-simple-head{
  padding:15px 14px 13px;
  border:1px solid rgba(174,201,235,.075);
  border-radius:19px;
  
}
.lineage-simple-head small{
  
  font-size:7px;
  letter-spacing:.16em;
}
.lineage-simple-head h2{
  margin:6px 0 5px;
  
  font-size:17px;
  font-weight:540;
}
.lineage-simple-head p{
  margin:0;
  
  font-size:8.5px;
  line-height:1.55;
}
.lineage-flow{
  padding:12px 11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:19px;
  
}
.lineage-node{
  width:100%;
  min-height:66px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 12px;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid rgba(255,255,255,.052);
  border-radius:14px;
  
  
  text-align:left;
}
.lineage-node.repeat{
  
}
.lineage-node.rewrite{
  
  
}
.lineage-num{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(150,186,228,.13);
  
  font-size:7px;
}
.lineage-node-copy{
  min-width:0;
}
.lineage-node-copy small{
  display:block;
  
  font-size:8px;
}
.lineage-node-copy b{
  display:block;
  margin-top:5px;
  overflow:hidden;
  
  font-size:10.5px;
  font-weight:520;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lineage-node i{
  
  font-size:16px;
  font-style:normal;
  font-weight:300;
}
.lineage-arrow{
  height:16px;
  display:grid;
  place-items:center;
  
  font-size:10px;
}
.lineage-pulse-simple{
  padding:12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:17px;
  
}
.lineage-pulse-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.lineage-pulse-head small{
  
  font-size:8px;
}
.lineage-pulse-head span{
  
  font-size:7px;
}
.lineage-pulse-tags{
  display:flex;
  gap:6px;
  margin-top:9px;
}
.lineage-pulse-tags>span{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  height:31px;
  border:1px solid rgba(150,183,223,.07);
  border-radius:10px;
  
  font-size:8px;
  
}
.lineage-pulse-tags b{
  
  font-size:6.5px;
  font-weight:500;
}



#detailDialog{
  width:min(calc(100% - 28px),486px);
}
#detailDialog .sheet{
  padding:0 12px 12px!important;
  border-radius:25px!important;
  border:1px solid rgba(180,205,239,.13)!important;
  
  
}
#detailDialog .sheet-head{
  position:sticky;
  top:0!important;
  z-index:25;
  margin:0 -12px!important;
  padding:15px 14px 13px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  
}
#detailDialog .sheet-head::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  
}
#detailDialog .sheet-head>div{
  min-width:0;
}
#detailDialog #detailKicker{
  display:block;
  margin-bottom:5px;
  
  font-size:7.5px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
#detailDialog #detailTitle{
  margin:0!important;
  
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:590!important;
  letter-spacing:.035em!important;
}
#detailDialog .close{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.08)!important;
  
  
  font-size:18px!important;
  line-height:1;
  
}
#detailBody{
  padding:8px 1px 26px!important;
}
#detailDialog .insight{
  position:relative;
  overflow:hidden;
  margin-top:8px!important;
  padding:12px 12px 13px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  
  
}
#detailDialog .insight::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  bottom:11px;
  width:2px;
  border-radius:99px;
  
}
#detailDialog .insight.positive::before{}
#detailDialog .insight.negative::before{}
#detailDialog .insight.practice::before{}
#detailDialog .insight.growth::before{}

#detailDialog .insight:first-child{
  margin-top:5px!important;
  padding:14px 13px 14px!important;
  
  
}
#detailDialog .insight-top{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-bottom:9px;
}
#detailDialog .insight-index{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  border:1px solid rgba(139,176,221,.11);
  
  
  font-size:6.8px;
  letter-spacing:.06em;
}
#detailDialog .insight h5{
  min-width:0;
  margin:0!important;
  
  font-size:10.5px!important;
  font-weight:560!important;
  letter-spacing:.035em!important;
}
#detailDialog .insight .badge{
  height:20px!important;
  min-width:34px;
  padding:0 7px!important;
  border-radius:999px!important;
  font-size:7px!important;
  letter-spacing:.05em!important;
  
  border:1px solid rgba(255,255,255,.07)!important;
  
}
#detailDialog .insight.positive .badge{
  
  
  
}
#detailDialog .insight.negative .badge{
  
  
  
}
#detailDialog .insight.practice .badge{
  
  
  
}
#detailDialog .insight.growth .badge{
  
  
  
}
#detailDialog .insight .lead{
  margin:0!important;
  padding-left:34px;
  
  font-size:12.5px!important;
  line-height:1.62!important;
  font-weight:530!important;
  letter-spacing:.005em;
}
#detailDialog .insight .rest{
  position:relative;
  margin:8px 0 0 34px!important;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.045);
  
  font-size:10.5px!important;
  line-height:1.72!important;
  font-weight:400!important;
}
#detailDialog .insight:first-child .lead{
  
  font-size:13.2px!important;
  line-height:1.64!important;
}
#detailDialog .insight:first-child .rest{
  
}
@media(max-width:370px){
  #detailDialog .insight{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #detailDialog .insight .lead{
    padding-left:32px;
    font-size:11.7px!important;
  }
  #detailDialog .insight .rest{
    margin-left:32px!important;
    font-size:10px!important;
  }
}



.primary-axes .axis-item b,
#purposeShort,
#embodimentShort,
#achievementShort,
#bondageShort{
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:.055em!important;
  font-weight:680!important;
}
@media(max-width:390px){
  .primary-axes .axis-item b,
  #purposeShort,
  #embodimentShort,
  #achievementShort,
  #bondageShort{
    font-size:17px!important;
  }
}


#identitySub.borrowed-palace{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  margin-top:7px!important;
  padding:3px 7px!important;
  border:1px solid rgba(142,181,229,.14)!important;
  border-radius:999px!important;
  
  
  font-size:7.5px!important;
  line-height:1!important;
  font-style:normal!important;
  letter-spacing:.055em!important;
}



#pathPage{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 94px);
}
.lineage-page-head{
  margin-bottom:9px!important;
}
#structureMap{
  margin-top:0!important;
}
.blueprint-layout{
  display:grid;
  gap:10px;
}
.blueprint-hero,
.blueprint-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(173,200,236,.095);
  border-radius:24px;
  
  
}
.blueprint-hero{
  padding:14px 13px 13px;
}
.blueprint-hero::before{
  content:"";
  position:absolute;
  left:-72px;
  top:-88px;
  width:190px;
  height:190px;
  border:1px solid rgba(150,186,230,.045);
  border-radius:50%;
}
.blueprint-hero::after{
  content:"";
  position:absolute;
  right:-72px;
  top:-76px;
  width:160px;
  height:160px;
  border:1px solid rgba(150,186,230,.052);
  border-radius:50%;
}
.blueprint-brand{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
}
.blueprint-sigil{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(171,204,244,.17);
  border-radius:50%;
  
}
.blueprint-sigil::before,
.blueprint-sigil::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.blueprint-sigil::before{
  width:17px;
  height:17px;
  border:1px solid rgba(190,217,247,.48);
}
.blueprint-sigil::after{
  width:2px;
  height:18px;
  
}
.blueprint-sigil i{
  width:5px;
  height:5px;
  border-radius:50%;
  
  
}
.blueprint-brand>div{
  min-width:0;
}
.blueprint-brand b{
  display:block;
  
  font-size:12px;
  font-weight:560;
  letter-spacing:.08em;
}
.blueprint-brand small{
  display:block;
  margin-top:3px;
  
  font-size:7.5px;
}
.blueprint-orbit{
  position:absolute;
  right:3px;
  top:-5px;
  width:55px;
  height:55px;
  border:1px solid rgba(147,183,226,.075);
  border-radius:50%;
}
.blueprint-orbit::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(147,183,226,.10);
  border-radius:50%;
}
.blueprint-orbit::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:3px;
  height:3px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  
  
}
.blueprint-hero>h2{
  position:relative;
  z-index:2;
  margin:13px 0 8px;
  
  font-size:23px;
  line-height:1.1;
  font-weight:580;
  letter-spacing:.08em;
}
.blueprint-intro{
  position:relative;
  z-index:2;
  margin:0 0 13px;
  
  font-size:9px;
  line-height:1.65;
}
.blueprint-axis-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.blueprint-axis{
  position:relative;
  min-width:0;
  min-height:104px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:9px 9px 8px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  
  text-align:left;
  
}
.blueprint-axis:active{
  transform:scale(.985);
}
.blueprint-axis>span{
  
  font-size:6.5px;
  letter-spacing:.10em;
}
.blueprint-axis small{
  margin-top:11px;
  
  font-size:7.5px;
}
.blueprint-axis b{
  width:100%;
  margin-top:5px;
  overflow:hidden;
  
  font-size:11.5px;
  line-height:1.18;
  font-weight:550;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.blueprint-axis em{
  margin-top:5px;
  
  font-size:7px;
  line-height:1.42;
  font-style:normal;
}
.blueprint-axis>i{
  position:absolute;
  right:8px;
  bottom:7px;
  
  font-size:8px;
  font-style:normal;
}


.blueprint-panel{
  padding:13px 12px 12px;
}
.blueprint-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.blueprint-panel-head small{
  
  font-size:7px;
  letter-spacing:.16em;
}
.blueprint-panel-head h4{
  margin:4px 0 0;
  
  font-size:14px;
  font-weight:540;
}
.blueprint-panel-head p{
  margin:0;
  
  font-size:7px;
  text-align:right;
}


.energy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.energy-card{
  min-height:87px;
  padding:10px 10px 9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:14px;
  
}
.energy-card small{
  display:block;
  
  font-size:8px;
}
.energy-card b{
  display:block;
  margin-top:7px;
  
  font-size:11.5px;
  line-height:1.28;
  font-weight:545;
}
.energy-card em{
  display:block;
  margin-top:6px;
  
  font-size:7.3px;
  font-style:normal;
}
.energy-card.growth{}
.energy-card.push{}
.energy-card.visible{}
.energy-card.stuck{}


.reality-list{
  border-top:1px solid rgba(255,255,255,.052);
}
.reality-list button{
  width:100%;
  min-height:61px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto 12px;
  align-items:center;
  gap:8px;
  padding:9px 1px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.047);
  
  
  text-align:left;
}
.reality-list button:last-child{
  border-bottom:0;
}
.reality-list button:active{
  transform:scale(.992);
}
.reality-index{
  
  font-size:7px;
}
.reality-main{
  min-width:0;
}
.reality-main small{
  display:block;
  
  font-size:8px;
}
.reality-main b{
  display:block;
  margin-top:5px;
  overflow:hidden;
  
  font-size:11.5px;
  font-weight:545;
  line-height:1.18;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.reality-list em{
  
  font-size:7.4px;
  font-style:normal;
  white-space:nowrap;
}
.reality-list i{
  
  font-size:8px;
  font-style:normal;
}

@media(max-width:370px){
  .blueprint-axis-grid{gap:5px}
  .blueprint-axis{
    padding-left:7px;
    padding-right:7px;
  }
  .blueprint-axis b{font-size:10.5px}
  .blueprint-intro{font-size:8.5px}
  .reality-list button{
    grid-template-columns:23px minmax(0,1fr) 10px;
  }
  .reality-list em{display:none}
}



#purposeShort{
  font-size:14.5px!important;
  line-height:1.10!important;
  letter-spacing:.04em!important;
  font-weight:640!important;
}
@media(max-width:390px){
  #purposeShort{
    font-size:14px!important;
  }
}


#identitySub.borrowed-palace{
  letter-spacing:.07em!important;
}



.energy-card{
  position:relative;
  width:100%;
  display:block;
  text-align:left;
  
  font-family:inherit;
  cursor:pointer;
}
.energy-card>i{
  position:absolute;
  right:9px;
  bottom:8px;
  
  font-size:8px;
  font-style:normal;
  opacity:.82;
}
.energy-card:active{
  transform:scale(.985);
  
  
}



.blueprint-hero>h2{
  margin-top:2px!important;
}



#purposeShort,
#embodimentShort{
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:.055em!important;
  font-weight:680!important;
}
@media(max-width:390px){
  #purposeShort,
  #embodimentShort{
    font-size:17px!important;
  }
}



#detailDialog .detail-heading{
  position:relative;
  min-width:0;
}
#detailDialog .detail-title-row{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
#detailDialog .detail-title-row h3{
  min-width:0;
}
#detailDialog .detail-help-btn{
  width:19px;
  height:19px;
  min-width:19px;
  display:grid;
  place-items:center;
  padding:0!important;
  border:1px solid rgba(153,188,230,.18)!important;
  border-radius:50%;
  
  
  font-size:10px!important;
  line-height:1!important;
  font-weight:560!important;
  
}
#detailDialog .detail-help-btn[aria-expanded="true"]{
  
  
  
}
#detailDialog .detail-help-bubble{
  position:absolute;
  z-index:60;
  left:0;
  top:calc(100% + 10px);
  width:min(310px,calc(100vw - 76px));
  padding:11px 12px;
  border:1px solid rgba(165,198,238,.14);
  border-radius:13px;
  
  
  font-size:9.5px;
  line-height:1.72;
  letter-spacing:.005em;
  
  text-align:left;
}
#detailDialog .detail-help-bubble::before{
  content:"";
  position:absolute;
  left:69px;
  top:-5px;
  width:9px;
  height:9px;
  transform:rotate(45deg);
  border-left:1px solid rgba(165,198,238,.14);
  border-top:1px solid rgba(165,198,238,.14);
  
}



.profile-library-head{
  align-items:center!important;
}
.group-manager-entry{
  padding:0!important;
  border:0!important;
  
  
  font-size:8px!important;
  letter-spacing:.04em!important;
}
.profile-group-filters{
  display:flex;
  gap:6px;
  margin:2px 0 11px;
  padding:2px 1px 5px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.profile-group-filters::-webkit-scrollbar{display:none}
.profile-group-chip{
  flex:0 0 auto;
  min-height:29px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 9px;
  border:1px solid rgba(154,184,221,.075);
  border-radius:999px;
  
  
  font-size:8px;
  white-space:nowrap;
}
.profile-group-chip b{
  
  font-size:6.5px;
  font-weight:500;
}
.profile-group-chip.active{
  
  
  
}
.profile-group-chip.active b{}
.profile-group-chip.custom::before{
  content:"◇";
  
  font-size:8px;
}
.profile-group-pill{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:4px;
  padding:2px 6px;
  border:1px solid rgba(145,179,219,.08);
  border-radius:999px;
  
  font-size:6.7px;
  line-height:1.2;
  letter-spacing:.03em;
}
.profile-empty-group{
  padding:28px 12px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:16px;
  
  font-size:9px;
  text-align:center;
}
.profile-group-select-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  gap:6px;
}
.profile-group-manage-mini{
  width:34px!important;
  min-width:34px!important;
  padding:0!important;
  border:1px solid rgba(149,183,224,.10)!important;
  border-radius:11px!important;
  
  
  font-size:15px!important;
}


#groupDialog{
  width:min(calc(100% - 28px),450px);
  padding:0;
  border:0;
  
}
#groupDialog::backdrop{
  
  -webkit-backdrop-filter:blur(13px) brightness(70%);
  backdrop-filter:blur(13px) brightness(70%);
}
.group-sheet{
  padding:14px;
  border:1px solid rgba(175,204,239,.12);
  border-radius:22px;
  
  
}
.group-sheet-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.group-sheet-head small{
  
  font-size:7px;
  letter-spacing:.16em;
}
.group-sheet-head h3{
  margin:5px 0 0;
  
  font-size:17px;
  font-weight:560;
}
.group-sheet-head .close{
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  
  
  font-size:18px;
}
.group-system-note{
  margin:12px 0 8px;
  
  font-size:8px;
  line-height:1.6;
}
.group-manager-list{
  display:grid;
  gap:6px;
  max-height:min(48vh,390px);
  overflow:auto;
}
.group-manager-row{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:13px;
  
}
.group-manager-mark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(141,178,220,.10);
  border-radius:9px;
  
  font-size:8px;
}
.group-manager-copy b{
  display:block;
  
  font-size:10px;
  font-weight:520;
}
.group-manager-copy small{
  display:block;
  margin-top:3px;
  
  font-size:7px;
}
.group-manager-actions{
  display:flex;
  gap:4px;
}
.group-manager-actions button{
  padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:8px!important;
  
  
  font-size:7px!important;
}
.group-manager-actions button.danger{
  
  
}
.group-create-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 60px;
  gap:7px;
  margin-top:9px;
}
.group-create-row input{
  min-width:0;
  height:36px;
  padding:0 10px;
  border:1px solid rgba(145,178,217,.10);
  border-radius:11px;
  outline:0;
  
  
  font-size:10px;
}
.group-create-row button{
  border:1px solid rgba(124,176,235,.13);
  border-radius:11px;
  
  
  font-size:9px;
}



.profile-group-chip{
  min-height:33px!important;
  padding:0 11px!important;
  gap:6px!important;
  font-size:10.5px!important;
  font-weight:560!important;
  letter-spacing:.015em!important;
}
.profile-group-chip b{
  font-size:8px!important;
  font-weight:560!important;
}
.profile-group-chip.custom::before{
  font-size:9px!important;
}
.profile-group-pill{
  margin-top:5px!important;
  padding:3px 7px!important;
  font-size:8.5px!important;
  line-height:1.25!important;
}
.group-manager-entry{
  font-size:9.5px!important;
}
.group-system-note{
  font-size:9.5px!important;
}
.group-manager-copy b{
  font-size:11.5px!important;
}
.group-manager-copy small{
  font-size:8.5px!important;
}
.group-manager-actions button{
  font-size:8.5px!important;
}
.group-create-row input{
  font-size:11px!important;
}
.group-create-row button{
  font-size:10px!important;
}
.profile-group-select-wrap select{
  font-size:11px!important;
}
@media(max-width:390px){
  .profile-group-chip{
    font-size:10px!important;
    min-height:32px!important;
  }
  .profile-group-pill{
    font-size:8px!important;
  }
}



.mirror-profile-card{
  position:relative!important;
  padding-right:72px!important;
}
.mirror-profile-card .profile-group-pill{
  position:absolute!important;
  top:9px!important;
  right:10px!important;
  margin:0!important;
  z-index:2;
  max-width:58px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mirror-profile-card .profile-active-dot{
  top:31px!important;
  right:10px!important;
}
@media(max-width:390px){
  .mirror-profile-card{
    padding-right:68px!important;
  }
  .mirror-profile-card .profile-group-pill{
    top:8px!important;
    right:9px!important;
    max-width:54px;
  }
  .mirror-profile-card .profile-active-dot{
    top:30px!important;
    right:9px!important;
  }
}



.mirror-profile-card .profile-active-dot{
  top:auto!important;
  right:10px!important;
  bottom:9px!important;
}
@media(max-width:390px){
  .mirror-profile-card .profile-active-dot{
    top:auto!important;
    right:9px!important;
    bottom:8px!important;
  }
}



.profile-group-chip b{
  min-width:.65em;
  text-align:center;
}
.profile-group-chip[data-profile-group-filter^="custom_"]{
  opacity:1!important;
}



.mirror-profile-card{
  position:relative!important;
}
.mirror-profile-card .profile-active-dot{
  position:absolute!important;
  top:auto!important;
  left:auto!important;
  right:10px!important;
  bottom:9px!important;
  margin:0!important;
  z-index:3!important;
  align-self:auto!important;
  justify-self:auto!important;
}
@media(max-width:390px){
  .mirror-profile-card .profile-active-dot{
    top:auto!important;
    left:auto!important;
    right:9px!important;
    bottom:8px!important;
  }
}



:scope.home-page-active > .app > .top{
  position:relative!important;
  top:auto!important;
  z-index:35;
}


@supports selector(:scope:has(#homePage.active)){
  :scope:has(#homePage.active) > .app > .top{
    position:relative!important;
    top:auto!important;
  }
}



.app > .top{
  position:relative!important;
  top:auto!important;
}



.energy-page-head{
  margin-bottom:10px!important;
}
.energy-system-layout{
  display:grid;
  gap:10px;
  padding-bottom:10px;
}
.energy-hero-card,
.energy-decade-panel{
  position:relative;
  overflow:hidden;
  padding:14px;
  border:1px solid rgba(157,190,231,.085);
  border-radius:20px;
  
}
.energy-hero-card::after,
.energy-decade-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  
}
.energy-card-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.energy-card-head small{
  display:block;
  
  font-size:7px;
  letter-spacing:.17em;
}
.energy-card-head h4{
  margin:5px 0 0;
  
  font-size:14.5px;
  font-weight:580;
  letter-spacing:.025em;
}
.energy-card-head>span{
  
  font-size:7.5px;
  white-space:nowrap;
}
.energy-state{
  padding:4px 7px;
  border:1px solid rgba(136,186,239,.08);
  border-radius:999px;
  
}
.energy-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(104px,.78fr);
  align-items:center;
  gap:4px;
}
.energy-radar-wrap{
  display:grid;
  place-items:center;
  min-width:0;
}
.energy-radar{
  display:block;
  width:100%;
  max-width:285px;
  overflow:visible;
}
.energy-radar.small{
  max-width:245px;
}
.energy-radar-grid{
  fill:none;
  stroke:rgba(136,175,220,.075);
  stroke-width:.85;
}
.energy-radar-grid.outer{
  stroke:rgba(145,187,235,.13);
}
.energy-radar-axis{
  stroke:rgba(130,169,213,.055);
  stroke-width:.7;
}
.energy-radar-data{
  stroke:rgba(143,206,251,.68);
  stroke-width:1.25;
  filter:drop-shadow(0 0 7px rgba(111,178,234,.16));
}
.energy-radar-dot{
  fill:#c5eaff;
  stroke:rgba(39,87,129,.75);
  stroke-width:1;
}
.energy-radar-label{
  fill:#708aa9;
  font-size:8.5px;
  letter-spacing:.02em;
}
.energy-radar-score{
  fill:#edf7ff;
  font-size:22px;
  font-weight:570;
}
.energy-radar-caption{
  fill:#587290;
  font-size:6.5px;
  letter-spacing:.08em;
}
.energy-hero-copy{
  min-width:0;
  padding-right:2px;
}
.energy-hero-copy>small{
  display:block;
  
  font-size:7.5px;
}
.energy-hero-copy>strong{
  display:block;
  margin-top:5px;
  
  font-size:17px;
  font-weight:590;
  line-height:1.15;
}
.energy-hero-copy>p{
  margin:8px 0 0;
  
  font-size:8.5px;
  line-height:1.72;
}
.energy-mini-signals{
  display:flex;
  gap:5px;
  margin-top:9px;
  flex-wrap:wrap;
}
.energy-mini-signals span{
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  
  font-size:7px;
}
.energy-mini-signals b{
  
  font-weight:560;
}
.energy-metric-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:4px;
}
.energy-metric{
  min-width:0;
  padding:8px 8px 7px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  
}
.energy-metric>span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}
.energy-metric small{
  
  font-size:7.5px;
}
.energy-metric b{
  
  font-size:9px;
  font-weight:590;
}
.energy-metric>i{
  display:block;
  height:2px;
  margin-top:6px;
  overflow:hidden;
  border-radius:999px;
  
}
.energy-metric>i>em{
  display:block;
  height:100%;
  border-radius:inherit;
  
}
.energy-source-line{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.045);
}
.energy-source-line span{
  flex:0 0 auto;
  
  font-size:7px;
}
.energy-source-line b{
  
  font-size:7.5px;
  font-weight:450;
  text-align:right;
}
.energy-decade-strip{
  position:relative;
  z-index:2;
  display:flex;
  gap:6px;
  margin:3px -2px 10px;
  padding:2px 2px 5px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.energy-decade-strip::-webkit-scrollbar{display:none}
.energy-decade-chip{
  position:relative;
  flex:0 0 94px;
  min-height:57px;
  padding:8px 8px 7px;
  border:1px solid rgba(140,174,215,.065);
  border-radius:12px;
  
  
  text-align:left;
}
.energy-decade-chip small{
  display:block;
  
  font-size:6.7px;
}
.energy-decade-chip b{
  display:block;
  margin-top:5px;
  
  font-size:9px;
  font-weight:540;
}
.energy-decade-chip em{
  position:absolute;
  right:7px;
  bottom:6px;
  
  font-size:8px;
  font-style:normal;
}
.energy-decade-chip.active{
  
  
}
.energy-decade-chip.active b{
  
}
.energy-decade-chip.active em{
  
}
.energy-decade-chip.current::after{
  content:"";
  position:absolute;
  top:6px;
  right:6px;
  width:4px;
  height:4px;
  border-radius:50%;
  
  
}
.energy-decade-focus{
  position:relative;
  z-index:2;
  padding:11px;
  border:1px solid rgba(158,190,230,.065);
  border-radius:16px;
  
}
.energy-decade-focus-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.energy-decade-focus-head small{
  
  font-size:7px;
}
.energy-decade-focus-head h5{
  margin:4px 0 0;
  
  font-size:12px;
  font-weight:560;
}
.energy-decade-focus-head>span{
  
  font-size:21px;
  font-weight:540;
}
.energy-decade-main{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(108px,.82fr);
  align-items:center;
  gap:3px;
}
.energy-decade-insight{
  min-width:0;
}
.energy-focus-kicker{
  
  font-size:7px;
}
.energy-decade-insight p{
  margin:6px 0 0;
  
  font-size:8.2px;
  line-height:1.7;
}
.energy-focus-pills{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:8px;
}
.energy-focus-pills span{
  padding:3px 5px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:7px;
  
  font-size:6.8px;
}
.energy-trend-card{
  position:relative;
  z-index:2;
  margin-top:8px;
  padding:10px 10px 4px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:14px;
  
}
.energy-trend-card>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.energy-trend-card small{
  
  font-size:6.5px;
  letter-spacing:.12em;
}
.energy-trend-card b{
  
  font-size:8px;
  font-weight:500;
}
.energy-trend-svg{
  display:block;
  width:100%;
  margin-top:4px;
}
.energy-trend-line{
  fill:none;
  stroke:rgba(134,201,246,.58);
  stroke-width:1.35;
}
.energy-trend-dot{
  fill:#6d8fb3;
}
.energy-trend-dot.current{
  fill:#c7ebff;
  filter:drop-shadow(0 0 4px rgba(116,198,255,.55));
}
.energy-trend-label{
  fill:#526d8c;
  font-size:5.7px;
}
.energy-model-note{
  position:relative;
  z-index:2;
  margin-top:8px;
  
  font-size:7px;
  line-height:1.55;
  text-align:center;
}


.fortune-dev-panel{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(132,173,220,.09);
  border-radius:15px;
  
}
.fortune-dev-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.fortune-dev-head small{
  
  font-size:7px;
  letter-spacing:.15em;
}
.fortune-dev-head h4{
  margin:4px 0 0;
  
  font-size:13px;
}
.fortune-dev-head>span{
  
  font-size:7px;
}
.fortune-dev-controls{
  display:grid;
  grid-template-columns:1.1fr .9fr 56px;
  gap:6px;
  margin-top:10px;
}
.fortune-dev-controls input,
.fortune-dev-controls select,
.fortune-dev-controls button{
  min-width:0;
  height:34px;
  padding:0 8px;
  border:1px solid rgba(144,177,216,.10);
  border-radius:9px;
  
  
  font-size:8px;
  outline:none;
}
.fortune-engine-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  margin-top:9px;
}
.fortune-engine-summary span{
  padding:6px 7px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:8px;
  
  font-size:7px;
}
.fortune-engine-summary b{
  
  font-weight:540;
}
.fortune-scope-grid{
  display:grid;
  gap:6px;
  margin-top:7px;
}
.fortune-scope-card{
  padding:9px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
  
}
.fortune-scope-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.fortune-scope-top small{
  
  font-size:8px;
}
.fortune-scope-top b{
  
  font-size:9px;
  font-weight:520;
}
.fortune-scope-card p{
  margin:5px 0 0;
  
  font-size:7.5px;
  line-height:1.55;
  word-break:break-all;
}
.fortune-scope-card p span{
  display:inline-block;
  min-width:34px;
  
}
.fortune-scope-card details{
  margin-top:6px;
  
  font-size:7px;
}
.fortune-scope-card details div{
  margin-top:5px;
  
  line-height:1.55;
}
.fortune-list-detail{
  margin-top:7px;
  
  font-size:7.5px;
}
.fortune-list-detail pre{
  max-height:280px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-all;
  
}

@media(max-width:390px){
  .energy-hero-card,
  .energy-decade-panel{
    padding:12px;
  }
  .energy-hero-grid,
  .energy-decade-main{
    grid-template-columns:minmax(0,1.08fr) minmax(98px,.74fr);
  }
  .energy-hero-copy>strong{
    font-size:15.5px;
  }
  .energy-radar-label{
    font-size:8px;
  }
}



.energy-input-panel{
  position:relative;
  z-index:2;
  margin-top:8px;
  padding:9px;
  border:1px solid rgba(142,179,222,.052);
  border-radius:13px;
  
}
.energy-input-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:10px;
  margin-bottom:7px;
}
.energy-input-head small{
  display:block;
  
  font-size:6.3px;
  letter-spacing:.15em;
}
.energy-input-head b{
  display:block;
  margin-top:3px;
  
  font-size:8.4px;
  font-weight:510;
}
.energy-input-head>span{
  
  font-size:6.7px;
  text-align:right;
}
.energy-input-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.energy-input-item{
  min-width:0;
  padding:6px 7px;
  border:1px solid rgba(255,255,255,.035);
  border-radius:9px;
}
.energy-input-item>span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}
.energy-input-item small{
  
  font-size:7px;
}
.energy-input-item b{
  
  font-size:8px;
  font-weight:560;
}
.energy-input-item>i{
  display:block;
  height:2px;
  margin-top:5px;
  overflow:hidden;
  border-radius:99px;
  
}
.energy-input-item>i>em{
  display:block;
  height:100%;
  border-radius:inherit;
  
}
.energy-input-item.drive>i>em{
  
}
.energy-input-item.manifest>i>em{
  
}
.energy-input-item.pressure>i>em{
  
}
.energy-global-logic{
  position:relative;
  z-index:2;
  margin-top:8px;
  padding:9px 10px;
  border-left:1px solid rgba(128,178,225,.13);
  
}
.energy-global-logic small{
  
  font-size:6.7px;
  letter-spacing:.06em;
}
.energy-global-logic p{
  margin:4px 0 0;
  
  font-size:7.8px;
  line-height:1.65;
}
.energy-global-logic.compact{
  margin-top:7px;
}
.flying-network-detail{
  margin-top:8px!important;
  padding:8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:10px;
}
.flying-dev-table{
  display:grid;
  gap:4px;
  margin-top:7px;
}
.flying-dev-table>div{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,.75fr) minmax(0,1fr);
  gap:5px;
  padding:6px;
  border:1px solid rgba(255,255,255,.035);
  border-radius:7px;
  
  font-size:6.8px;
}
.flying-dev-table b{
  
  font-weight:520;
}
.flying-dev-table em{
  
  font-style:normal;
}





#pathPage .energy-page-head .eyebrow{
  font-size:9px!important;
  letter-spacing:.14em!important;
}
#pathPage .energy-page-head h3{
  font-size:20px!important;
  line-height:1.2!important;
}
#pathPage .energy-page-head>p{
  font-size:10px!important;
  line-height:1.45!important;
}


#pathPage .energy-card-head small{
  font-size:8.5px!important;
}
#pathPage .energy-card-head h4{
  font-size:17px!important;
  line-height:1.25!important;
}
#pathPage .energy-card-head>span{
  font-size:9px!important;
}
#pathPage .energy-state{
  font-size:9px!important;
}


#pathPage .energy-radar-label{
  font-size:10.5px!important;
  font-weight:520!important;
}
#pathPage .energy-radar-score{
  font-size:26px!important;
  font-weight:600!important;
}
#pathPage .energy-radar-caption{
  font-size:8px!important;
}


#pathPage .energy-hero-copy>small{
  font-size:9px!important;
}
#pathPage .energy-hero-copy>strong{
  font-size:20px!important;
  line-height:1.18!important;
}
#pathPage .energy-hero-copy>p{
  font-size:10.5px!important;
  line-height:1.72!important;
}
#pathPage .energy-mini-signals span{
  font-size:8.5px!important;
}
#pathPage .energy-mini-signals b{
  font-size:9px!important;
}


#pathPage .energy-metric{
  padding:10px 9px 9px!important;
}
#pathPage .energy-metric small{
  font-size:9px!important;
}
#pathPage .energy-metric b{
  font-size:11px!important;
}
#pathPage .energy-metric>i{
  height:3px!important;
  margin-top:7px!important;
}


#pathPage .energy-input-head small{
  font-size:7.8px!important;
}
#pathPage .energy-input-head b{
  font-size:10.5px!important;
}
#pathPage .energy-input-head>span{
  font-size:8.2px!important;
}
#pathPage .energy-input-item{
  padding:8px 8px!important;
}
#pathPage .energy-input-item small{
  font-size:8.5px!important;
}
#pathPage .energy-input-item b{
  font-size:10px!important;
}
#pathPage .energy-input-item>i{
  height:3px!important;
  margin-top:6px!important;
}


#pathPage .energy-global-logic small{
  font-size:8.2px!important;
}
#pathPage .energy-global-logic p{
  font-size:9.8px!important;
  line-height:1.72!important;
}
#pathPage .energy-source-line span{
  font-size:8px!important;
}
#pathPage .energy-source-line b{
  font-size:8.8px!important;
  line-height:1.5!important;
}


#pathPage .energy-decade-chip{
  flex-basis:104px!important;
  min-height:66px!important;
  padding:9px!important;
}
#pathPage .energy-decade-chip small{
  font-size:8px!important;
}
#pathPage .energy-decade-chip b{
  font-size:10.5px!important;
}
#pathPage .energy-decade-chip em{
  font-size:9.5px!important;
}


#pathPage .energy-decade-focus-head small{
  font-size:8.5px!important;
}
#pathPage .energy-decade-focus-head h5{
  font-size:14px!important;
  line-height:1.3!important;
}
#pathPage .energy-decade-focus-head>span{
  font-size:25px!important;
}
#pathPage .energy-focus-kicker{
  font-size:8.5px!important;
}
#pathPage .energy-decade-insight p{
  font-size:9.8px!important;
  line-height:1.72!important;
}
#pathPage .energy-focus-pills span{
  font-size:8px!important;
  padding:4px 6px!important;
}


#pathPage .energy-trend-card small{
  font-size:8px!important;
}
#pathPage .energy-trend-card b{
  font-size:9.5px!important;
}
#pathPage .energy-trend-label{
  font-size:7px!important;
}


#pathPage .energy-model-note{
  font-size:8.5px!important;
  line-height:1.65!important;
}


@media(max-width:390px){
  #pathPage .energy-page-head h3{
    font-size:19px!important;
  }
  #pathPage .energy-card-head h4{
    font-size:16px!important;
  }
  #pathPage .energy-radar-label{
    font-size:10px!important;
  }
  #pathPage .energy-radar-score{
    font-size:24px!important;
  }
  #pathPage .energy-hero-copy>strong{
    font-size:18px!important;
  }
  #pathPage .energy-hero-copy>p{
    font-size:10px!important;
  }
  #pathPage .energy-metric small{
    font-size:8.7px!important;
  }
  #pathPage .energy-metric b{
    font-size:10.5px!important;
  }
  #pathPage .energy-decade-chip{
    flex-basis:100px!important;
  }
  #pathPage .energy-decade-insight p{
    font-size:9.4px!important;
  }
}



#pathPage .energy-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
#pathPage .energy-head-actions>span{
  
  font-size:9px;
  white-space:nowrap;
}
#pathPage .energy-help-btn{
  flex:0 0 25px;
  width:25px;
  height:25px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(154,203,243,.20);
  
  
  font-size:13px;
  font-weight:650;
  line-height:1;
  
}
#pathPage .energy-help-btn:active{
  transform:scale(.95);
}
.energy-year-panel{
  position:relative;
  overflow:hidden;
  padding:14px;
  border:1px solid rgba(157,190,231,.085);
  border-radius:20px;
  
}
.energy-year-strip{
  position:relative;
  z-index:2;
  display:flex;
  gap:6px;
  margin:3px -2px 10px;
  padding:2px 2px 5px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.energy-year-strip::-webkit-scrollbar{display:none}
.energy-year-chip{
  position:relative;
  flex:0 0 78px;
  min-height:62px;
  padding:8px;
  border:1px solid rgba(140,174,215,.065);
  border-radius:12px;
  
  
  text-align:left;
}
.energy-year-chip small{
  display:block;
  
  font-size:9px;
}
.energy-year-chip b{
  display:block;
  margin-top:5px;
  
  font-size:9.5px;
  font-weight:540;
}
.energy-year-chip em{
  position:absolute;
  right:7px;
  bottom:6px;
  
  font-size:9.5px;
  font-style:normal;
}
.energy-year-chip.active{
  
  
}
.energy-year-chip.active small,
.energy-year-chip.active b{
  
}
.energy-year-chip.active em{
  
}
.energy-year-chip.current::after{
  content:"";
  position:absolute;
  top:6px;
  right:6px;
  width:4px;
  height:4px;
  border-radius:50%;
  
  
}
.energy-year-focus{
  position:relative;
  z-index:2;
  padding:11px;
  border:1px solid rgba(158,190,230,.065);
  border-radius:16px;
  
}
.energy-trend-card.yearly{
  margin-top:8px;
}


.energy-explain-dialog .energy-explain-sheet{
  width:min(94vw,540px);
  max-height:min(86vh,760px);
}
.energy-explain-:scope{
  overflow:auto;
  padding:3px 2px 18px;
  -webkit-overflow-scrolling:touch;
}
.energy-explain-dialog .sheet-head small{
  font-size:9px!important;
  letter-spacing:.12em!important;
}
.energy-explain-dialog .sheet-head h3{
  margin-top:5px;
  font-size:19px!important;
  line-height:1.3!important;
}
.energy-explain-lead{
  margin:2px 0 12px;
  padding:12px 13px;
  border:1px solid rgba(150,190,231,.075);
  border-radius:13px;
  
  
  font-size:12px;
  line-height:1.85;
}
.energy-explain-section{
  margin-top:13px;
}
.energy-explain-section>h4,
.energy-explain-standard>h4{
  margin:0 0 8px;
  
  font-size:14px;
  font-weight:590;
}
.energy-ability-source-list,
.energy-method-list{
  display:grid;
  gap:7px;
}
.energy-ability-source-list>div,
.energy-method-list>article{
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:11px;
  
}
.energy-ability-source-list b,
.energy-method-list b{
  display:block;
  
  font-size:12px;
  font-weight:590;
}
.energy-ability-source-list p,
.energy-method-list p{
  margin:5px 0 0;
  
  font-size:11.5px;
  line-height:1.8;
}
.energy-explain-standard{
  margin-top:14px;
  padding:11px;
  border:1px solid rgba(133,179,221,.07);
  border-radius:12px;
}
.energy-standard-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
}
.energy-standard-grid span{
  min-width:0;
  padding:7px 3px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:8px;
  text-align:center;
}
.energy-standard-grid b{
  display:block;
  
  font-size:10px;
}
.energy-standard-grid em{
  display:block;
  margin-top:3px;
  
  font-size:9px;
  font-style:normal;
}
.energy-explain-standard>p{
  margin:9px 0 0;
  
  font-size:11px;
  line-height:1.8;
}
.energy-explain-foot{
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.05);
  
  font-size:10.5px;
  line-height:1.75;
}

@media(max-width:390px){
  #pathPage .energy-head-actions>span{
    font-size:8.4px;
  }
  #pathPage .energy-help-btn{
    width:24px;
    height:24px;
    flex-basis:24px;
    font-size:12px;
  }
  .energy-year-panel{
    padding:12px;
  }
  .energy-year-chip{
    flex-basis:75px;
  }
  .energy-explain-lead{
    font-size:11.5px;
  }
  .energy-ability-source-list p,
  .energy-method-list p{
    font-size:11px;
  }
}



#pathPage .energy-metric>span{
  align-items:center!important;
}
#pathPage .energy-metric-name{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
}
#pathPage .energy-metric-name small{
  font-size:11.5px!important;
  line-height:1.2!important;
  
  font-weight:540!important;
}
#pathPage .energy-metric>b,
#pathPage .energy-metric>span>b{
  font-size:12px!important;
}
#pathPage .energy-ability-help-btn{
  flex:0 0 19px;
  width:19px;
  height:19px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(149,198,239,.16);
  
  
  font-size:10px;
  font-weight:680;
  line-height:1;
}
#pathPage .energy-ability-help-btn:active{
  transform:scale(.94);
}
.energy-ability-explain-hero{
  padding:13px;
  border:1px solid rgba(147,191,229,.075);
  border-radius:13px;
  
}
.energy-ability-explain-hero small{
  display:block;
  
  font-size:11px;
  font-weight:560;
}
.energy-ability-explain-hero p{
  margin:7px 0 0;
  
  font-size:12px;
  line-height:1.85;
}
.energy-ability-highlow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
.energy-ability-highlow>div{
  padding:11px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:11px;
  
}
.energy-ability-highlow small{
  
  font-size:10.5px;
}
.energy-ability-highlow p{
  margin:6px 0 0;
  
  font-size:11px;
  line-height:1.75;
}
@media(max-width:390px){
  #pathPage .energy-metric-name small{
    font-size:11px!important;
  }
  #pathPage .energy-ability-help-btn{
    width:18px;
    height:18px;
    flex-basis:18px;
    font-size:9.5px;
  }
  .energy-ability-explain-hero p{
    font-size:11.5px;
  }
  .energy-ability-highlow{
    grid-template-columns:1fr;
  }
}



.energy-ability-weight{
  margin-top:9px;
  padding:8px 9px;
  border:1px solid rgba(143,187,226,.07);
  border-radius:9px;
  
  
  font-size:10.5px;
  line-height:1.65;
}
.energy-debug-breakdown{
  display:grid;
  gap:5px;
  margin-top:7px;
}
.energy-debug-breakdown details{
  padding:7px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:8px;
}
.energy-debug-breakdown summary{
  
  font-size:8px;
}
.energy-debug-anchor-list{
  display:grid;
  gap:4px;
  margin-top:6px;
}
.energy-debug-anchor-list>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 8px;
  padding:6px;
  border-radius:7px;
  
}
.energy-debug-anchor-list b{
  
  font-size:7.5px;
  font-weight:540;
}
.energy-debug-anchor-list span{
  
  font-size:7.5px;
}
.energy-debug-anchor-list em{
  grid-column:1/-1;
  
  font-size:6.8px;
  font-style:normal;
}
#pathPage .energy-input-head>span{
  max-width:145px;
  white-space:normal!important;
  line-height:1.35;
}


#noProfile{display:none!important;}


.v87-pattern-debug{
  display:grid;
  gap:5px;
  margin:7px 0;
  padding:8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  
}
.v87-pattern-debug>div{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:7px;
  align-items:start;
}
.v87-pattern-debug b{
  
  font-size:7.5px;
  font-weight:550;
}
.v87-pattern-debug span{
  
  font-size:7px;
  line-height:1.55;
}



.v89-engine-debug{
  display:grid;
  gap:8px;
  margin:8px 0;
}
.v89-engine-head,
.v89-pattern-line,
.v89-gates,
.v89-circuits{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:9px;
  
}
.v89-engine-head b,
.v89-pattern-line b,
.v89-gates b,
.v89-circuits b{
  font-size:7.5px;
  
  font-weight:600;
}
.v89-engine-head span,
.v89-pattern-line span,
.v89-gates span,
.v89-circuits span{
  font-size:7px;
  
  line-height:1.55;
  text-align:right;
}
.v89-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin:7px 0;
}
.v89-metrics span{
  padding:6px 4px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:7px;
  font-size:6.8px;
  
  text-align:center;
}
.v89-metrics b{
  display:block;
  margin-top:2px;
  
  font-size:8px;
}



.v91-debug{display:grid;gap:8px;margin:8px 0}
.v91-debug-head,.v91-debug-line{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:8px;padding:8px 9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:9px;}
.v91-debug-head b,.v91-debug-line b{
  font-size:7.5px;font-weight:600
}
.v91-debug-head span,.v91-debug-line span{
  font-size:7px;line-height:1.55;text-align:right
}
.v91-metric-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;margin:7px 0
}
.v91-metric-grid span{
  padding:6px 4px;border:1px solid rgba(255,255,255,.04);
  border-radius:7px;font-size:6.8px;text-align:center
}
.v91-metric-grid b{
  display:block;margin-top:2px;font-size:8px
}



@media (max-width:760px){
  .glass,
  .energy-hero-card,
  .energy-decade-panel,
  .energy-trend-card,
  .energy-input-panel,
  .lineage-panel,
  .lineage-intro,
  .blueprint-hero,
  .blueprint-panel,
  .domain-card,
  .dojo,
  .mirror-profile-card,
  .profile-form-toolbar,
  .form-card,
  .bottom-nav,
  .nav-shell{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .page.active{
    contain:layout style paint;
  }

  .dojo,
  .mirror-profile-wrap,
  .insight,
  .chart-palace,
  .energy-decade-focus{
    content-visibility:auto;
    contain-intrinsic-size:auto 120px;
  }
}


.page:not(.active){
  display:none!important;
}



.loader{
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.loader .breath{
  will-change:transform,opacity;
  transform:translateZ(0);
}
.profile-switch-busy #spaceBg,
.profile-switch-busy #spaceFx{
  
  filter:none!important;
}

.energy-lazy-loading{
  min-height:42vh;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  text-align:center;
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.energy-lazy-loading b{
  font-size:13px;
  font-weight:560;
  
}
.energy-lazy-loading span{
  max-width:250px;
  font-size:10px;
  line-height:1.6;
  
}
.energy-lazy-orbit{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(190,215,255,.18);
  border-top-
  animation:v93Orbit .9s linear infinite;
  will-change:transform;
}
@keyframes v93Orbit{
  to{transform:rotate(360deg)}
}


.page:not(.active){
  display:none!important;
}
.page.active{
  contain:layout style paint;
}


.bottom-nav,
.nav-shell,
.mirror-profile-card,
.energy-decade-chip{
  transform:translateZ(0);
  backface-visibility:hidden;
}



.energy-trend-guide{
  stroke:rgba(168,207,239,.16);
  stroke-width:.8;
  stroke-dasharray:2.5 3;
  pointer-events:none;
}
.energy-trend-value{
  fill:#b9d7ef;
  font-size:8px;
  font-weight:650;
  letter-spacing:.02em;
}
.energy-trend-dot.current{
  filter:drop-shadow(0 0 4px rgba(166,210,244,.36));
}
.energy-decade-strip,
.energy-year-strip{
  scroll-behavior:auto!important;
  overscroll-behavior-x:contain;
}



.energy-decade-strip,
.energy-year-strip{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  overflow-anchor:none;
  contain:layout style paint;
}
.energy-decade-chip,
.energy-year-chip{
  flex:0 0 auto;
  contain:layout style paint;
}
.energy-decade-focus,
.energy-year-focus,
.energy-trend-card{
  overflow-anchor:none;
}
.v95-focus-loading{
  min-height:170px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:9px;
}
.v95-focus-loading b{
  font-size:11px;
  font-weight:520;
  
}
.energy-inline-spinner{
  width:27px;
  height:27px;
  border-radius:50%;
  border:1px solid rgba(200,220,242,.13);
  border-top-
  animation:v95Spin .8s linear infinite;
  will-change:transform;
}
.v95-trend-pending{
  min-height:72px;
  display:grid;
  place-items:center;
  
  font-size:9px;
}
@keyframes v95Spin{
  to{transform:rotate(360deg)}
}



.energy-year-strip{
  gap:8px!important;
  margin:4px -3px 11px!important;
  padding:3px 3px 7px!important;
  scroll-padding-inline:8px;
}
.energy-year-chip{
  flex:0 0 94px!important;
  width:94px!important;
  min-width:94px!important;
  min-height:76px!important;
  padding:9px 8px 8px!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:4px!important;
  text-align:center!important;
  white-space:nowrap;
  line-height:1.2;
}
.energy-year-chip small{
  display:block!important;
  width:100%;
  margin:0!important;
  
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.015em;
  text-align:center;
}
.energy-year-chip b{
  display:block!important;
  width:100%;
  margin:0!important;
  
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:540!important;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
}
.energy-year-chip em{
  position:static!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:19px;
  margin:1px 0 0!important;
  padding:0 6px;
  border:1px solid rgba(151,188,222,.07);
  border-radius:999px;
  
  
  font-size:10px!important;
  line-height:1!important;
  font-style:normal;
}
.energy-year-chip.active em{
  
  
  
}
.energy-year-chip.current::after{
  top:7px!important;
  right:7px!important;
  width:4px!important;
  height:4px!important;
}
@media (max-width:390px){
  .energy-year-chip{
    flex-basis:88px!important;
    width:88px!important;
    min-width:88px!important;
    min-height:73px!important;
  }
}


.mirror-profile-wrap,
.mirror-profile-card,
.energy-year-chip,
.energy-decade-chip,
.energy-decade-focus,
.energy-year-focus,
.energy-trend-card{
  contain:layout style paint;
}
#profileSummary{
  contain:layout style;
}
#loader.hidden{
  display:none!important;
}



.v97-cycle-debug{
  display:grid;
  gap:6px;
  margin-top:8px;
}
.v97-cycle-head,
.v97-cycle-row{
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:9px;
  
}
.v97-cycle-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.v97-cycle-head b,
.v97-cycle-row b{
  
  font-size:7.5px;
  font-weight:600;
}
.v97-cycle-head span,
.v97-cycle-row span{
  
  font-size:7px;
}
.v97-cycle-row{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:4px 8px;
}
.v97-cycle-row span{
  text-align:right;
}
.v97-cycle-row em{
  grid-column:1/-1;
  
  font-size:6.8px;
  font-style:normal;
  line-height:1.55;
}



.v98-holo-debug{
  display:grid;
  gap:6px;
  margin-top:8px;
}
.v98-holo-head,
.v98-holo-row{
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:9px;
  
}
.v98-holo-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.v98-holo-head b,
.v98-holo-row b{
  
  font-size:7.5px;
  font-weight:600;
}
.v98-holo-head span,
.v98-holo-row span{
  
  font-size:7px;
}
.v98-holo-row{
  display:grid;
  gap:4px;
}
.v98-holo-row>div{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.v98-holo-row em{
  
  font-size:6.8px;
  line-height:1.45;
  font-style:normal;
}
.v98-holo-row small{
  
  font-size:6.5px;
  line-height:1.45;
}


@media (max-width:640px){
  .raw-self-arrow{width:13px;height:13px;font-size:9px}
  .raw-star-bright{font-size:6.2px}
}



:scope.raw-chart-page-active{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
:scope.raw-chart-page-active .app{
  height:var(--app-vh,100lvh)!important;
  min-height:var(--app-vh,100lvh)!important;
  overflow:hidden!important;
}
:scope.raw-chart-page-active .top{margin-bottom:5px!important;padding-bottom:5px!important}
#chartPage.raw-chart-page{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
.raw-chart-page-shell,.raw-chart-page-:scope{overflow:hidden!important}
.raw-astrolabe-card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:5px!important;
  height:100%!important;
  min-height:0!important;
  padding:5px!important;
}
#rawAstrolabeGrid{min-height:0!important;height:100%!important;overflow:visible!important}
#rawFortuneHost{min-height:0;align-self:end}
.raw-chart-bottom-controls{margin:0!important}
.raw-fortune-matrix{width:100%;flex:0 0 auto}
.raw-palace{transition:none!important;will-change:auto;touch-action:manipulation}
.raw-palace.active{}
.raw-self-arrow{}
.raw-fortune-strip{touch-action:pan-x;scroll-behavior:auto!important}
.raw-fortune-cell{touch-action:manipulation;transition:none!important}
.raw-fortune-next{touch-action:manipulation}
.raw-fortune-row{min-height:34px}
.raw-fortune-decade,.raw-fortune-year{min-height:39px}
.raw-fortune-month,.raw-fortune-hour{min-height:34px}
.raw-fortune-day-row{min-height:82px}
.raw-fortune-cell{min-height:34px;padding:3px 2px;gap:2px}
.raw-fortune-cell b{font-size:7.7px;line-height:1.02}
.raw-fortune-cell small{font-size:6.1px;line-height:1.02;}
.raw-fortune-cell em{font-size:5.4px}
.raw-fortune-decade .raw-fortune-cell b,
.raw-fortune-year .raw-fortune-cell b{font-size:7.9px}
.raw-fortune-month .raw-fortune-cell b{font-size:7.5px}
.raw-fortune-day-line .raw-fortune-cell{min-height:27px;padding:1px 2px}
.raw-fortune-day-line .raw-fortune-cell b{font-size:6.8px;font-weight:540}
.raw-fortune-hour .raw-fortune-cell b{font-size:7.4px}
.raw-fortune-label{font-size:7.8px}
.raw-fortune-label small{font-size:5.2px}
.raw-fortune-cell.childhood{opacity:.74}
.raw-fortune-cell.childhood b{font-size:8px;}
.raw-fortune-cell.childhood small{font-size:5.4px}
.raw-palace-topmask{display:none}
:scope.raw-chart-page-active .top{border:none!important}
@media(max-height:720px){
  .raw-fortune-row{min-height:31px}
  .raw-fortune-decade,.raw-fortune-year{min-height:36px}
  .raw-fortune-month,.raw-fortune-hour{min-height:31px}
  .raw-fortune-day-row{min-height:75px}
  .raw-fortune-day-line .raw-fortune-cell{min-height:24px}
  .raw-palace{padding-top:3px!important;padding-bottom:32px!important}
  .raw-palace-foot{bottom:4px!important}
}



#identityPage::before{
  
}
#identityPage .identity-page-shell{
  max-width:880px;
  padding-top:10px!important;
}
#identityPage .identity-page-topbar{
  position:sticky!important;
  top:0;
  z-index:12;
  min-height:58px;
  justify-content:center!important;
  padding:10px 0 12px!important;
  margin-bottom:8px;
  border-bottom:1px solid rgba(152,188,228,.08);
  
  -webkit-backdrop-filter:blur(12px) saturate(112%);
  backdrop-filter:blur(12px) saturate(112%);
}
#identityPage .identity-back{
  position:absolute!important;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
#identityPage .identity-top-title{
  position:relative;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#identityPage .identity-top-title::before,
#identityPage .identity-top-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:70px;
  height:1px;
  
}
#identityPage .identity-top-title::before{left:calc(50% - 132px);}
#identityPage .identity-top-title::after{right:calc(50% - 132px);}
#identityPage .identity-top-title small{
  display:block!important;
  
  font-size:11px!important;
  letter-spacing:.34em!important;
}
#identityPage .identity-top-title strong{
  display:block!important;
  margin-top:4px!important;
  
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:.22em!important;
  font-weight:600!important;
  
}
#identityPage .identity-hero,
#identityPage .identity-layer,
#identityPage .identity-section,
#identityPage .identity-final{
  border:1px solid rgba(160,193,229,.085)!important;
  
  
  -webkit-backdrop-filter:blur(10px) saturate(110%);
  backdrop-filter:blur(10px) saturate(110%);
}
#identityPage .identity-layer{
  padding:14px;
  border-radius:22px;
}
#identityPage .identity-section{
  border-radius:18px!important;
}
#identityPage .identity-hero{
  border-radius:26px!important;
}
#identityPage .identity-drive-hero{
  margin-top:10px;
  padding:14px 15px;
  border-radius:16px;
  border:1px solid rgba(149,185,220,.08);
  
}
#identityPage .identity-drive-hero small{
  display:block;
  
  font-size:12px;
}
#identityPage .identity-drive-hero strong{
  display:block;
  margin-top:6px;
  
  font-size:18px;
  line-height:1.56;
  font-weight:560;
}
#identityPage .identity-drive-hero p{
  margin:8px 0 0;
  
  font-size:13px;
  line-height:1.76;
}
#identityPage .identity-drive-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#identityPage .identity-drive-card{
  padding:14px 13px!important;
  border-radius:16px!important;
  border:1px solid rgba(143,177,210,.08)!important;
  
}
#identityPage .identity-drive-card header{align-items:flex-start!important}
#identityPage .identity-drive-card small{font-size:12px!important;}
#identityPage .identity-drive-card strong{font-size:15px!important;line-height:1.45!important;}
#identityPage .identity-drive-card>p{font-size:13px!important;line-height:1.78!important;margin-top:8px!important}
#identityPage .identity-drive-answer{
  display:block!important;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(126,157,194,.06);
  font-size:13px!important;
  line-height:1.72!important;
  
}
#identityPage .identity-drive-answer b{display:block;font-size:14px!important;margin-bottom:4px;font-weight:560}
#identityPage .identity-drive-answer span{display:block;}
#identityPage .identity-social-compare{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
#identityPage .identity-social-compare article{
  padding:13px!important;
  border-radius:14px!important;
  
  border:1px solid rgba(141,176,214,.06)!important;
}
#identityPage .identity-social-compare small{display:block;font-size:12px!important}
#identityPage .identity-social-compare p{margin:8px 0 0!important;font-size:13px!important;line-height:1.74!important}
@media(max-width:760px){
  #identityPage .identity-top-title::before,#identityPage .identity-top-title::after{width:44px}
  #identityPage .identity-top-title::before{left:calc(50% - 104px)}
  #identityPage .identity-top-title::after{right:calc(50% - 104px)}
}
@media(max-width:560px){
  #identityPage .identity-drive-grid,#identityPage .identity-social-compare{grid-template-columns:1fr!important}
  #identityPage .identity-top-title strong{font-size:22px!important;letter-spacing:.18em!important}
}



#identityPage{
  scroll-behavior:smooth;
}
#identityPage::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  
  animation:identityAurora 16s ease-in-out infinite alternate;
}
@keyframes identityAurora{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(0,-1%,0) scale(1.02)}
}
#identityPage .identity-page-shell{
  max-width:980px!important;
  padding:10px 12px 36px!important;
}
#identityPage .identity-page-topbar{
  position:sticky!important;
  top:0;
  z-index:30;
  justify-content:center!important;
  min-height:64px;
  padding:10px 0 14px!important;
  margin-bottom:6px!important;
  
  border-bottom:1px solid rgba(145,190,233,.08)!important;
  backdrop-filter:blur(14px) saturate(114%);
  -webkit-backdrop-filter:blur(14px) saturate(114%);
}
#identityPage .identity-page-topbar::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:220px;
  height:1px;
  transform:translateX(-50%);
  
}
#identityPage .identity-back{
  position:absolute!important;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:42px;
  border-radius:14px!important;
  border:1px solid rgba(143,184,220,.10)!important;
  
  
}
#identityPage .identity-top-title{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
}
#identityPage .identity-top-title::before,
#identityPage .identity-top-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:86px;
  height:1px;
  
}
#identityPage .identity-top-title::before{left:calc(50% - 156px)}
#identityPage .identity-top-title::after{right:calc(50% - 156px)}
#identityPage .identity-top-title small{
  
  font-size:11px!important;
  letter-spacing:.35em!important;
  text-transform:uppercase;
}
#identityPage .identity-top-title strong{
  margin-top:5px!important;
  
  font-size:28px!important;
  font-weight:620!important;
  letter-spacing:.24em!important;
  
}
#identityPage .identity-page-:scope{
  display:flex;
  flex-direction:column;
  gap:20px!important;
}


#identityPage .identity-hero{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.9fr);
  grid-template-areas:
    "copy map"
    "grid grid";
  gap:18px;
  padding:22px!important;
  min-height:unset!important;
  border-radius:30px!important;
  border:1px solid rgba(153,194,232,.10)!important;
  
  
  overflow:hidden;
}
#identityPage .identity-hero::before{
  content:"";
  position:absolute;
  right:-60px;
  top:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  
  filter:blur(6px);
  pointer-events:none;
}
#identityPage .identity-hero::after{display:none!important}
#identityPage .identity-hero-copy{
  grid-area:copy;
  text-align:left!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
}
#identityPage .identity-hero-copy>small{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  
  border:1px solid rgba(147,187,227,.08);
  
  font-size:12px!important;
  letter-spacing:.18em!important;
}
#identityPage .identity-hero-copy h1{
  margin:14px 0 10px!important;
  font-size:36px!important;
  line-height:1.08!important;
  
  letter-spacing:.08em!important;
}
#identityPage .identity-hero-copy>p{
  max-width:640px!important;
  font-size:14px!important;
  line-height:1.9!important;
  
}
#identityPage .identity-hero-copy blockquote{
  margin:14px 0 0!important;
  max-width:680px!important;
  padding-left:14px;
  border-left:2px solid rgba(134,183,232,.24);
  font-size:13px!important;
  line-height:1.88!important;
  
}
#identityPage .identity-map{
  grid-area:map;
  position:relative!important;
  inset:auto!important;
  min-height:236px;
  border-radius:24px;
  overflow:hidden;
  
  border:1px solid rgba(144,186,225,.08);
  
}
#identityPage .identity-map::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:20px;
  border:1px solid rgba(136,178,217,.06);
  pointer-events:none;
}
#identityPage .identity-map-orbit{}
#identityPage .identity-map-line{}
#identityPage .identity-map-node.center{}
#identityPage .identity-hero-grid{
  grid-area:grid;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:2px!important;
}
#identityPage .identity-hero-grid span{
  min-height:74px;
  padding:14px 14px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:18px!important;
  
  border:1px solid rgba(144,186,225,.08)!important;
  
}
#identityPage .identity-hero-grid small{font-size:12px!important;letter-spacing:.10em!important}
#identityPage .identity-hero-grid b{margin-top:6px!important;font-size:13px!important;line-height:1.55!important;}


#identityPage .identity-guide{
  position:sticky;
  top:76px;
  z-index:24;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(146,188,227,.08);
  
  backdrop-filter:blur(14px) saturate(112%);
  -webkit-backdrop-filter:blur(14px) saturate(112%);
  
}
#identityPage .identity-guide button{
  min-height:62px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(139,180,217,.06);
  
  
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  transition:transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
#identityPage .identity-guide button:hover{
  transform:translateY(-1px);
  
  
}
#identityPage .identity-guide button span{
  width:30px;height:30px;flex:none;
  display:grid;place-items:center;
  border-radius:50%;
  font-size:12px;
  
  border:1px solid rgba(149,188,223,.10);
  
}
#identityPage .identity-guide button b{font-size:14px;line-height:1.45;font-weight:560}
#identityPage .identity-guide button.active{
  
  
  
}
#identityPage .identity-guide button.active span{
  
  
  
}


#identityPage .identity-layer{
  position:relative;
  padding:18px!important;
  border-radius:28px!important;
  border:1px solid rgba(151,193,232,.10)!important;
  
  
  overflow:hidden;
}
#identityPage .identity-layer::before{
  content:"";
  position:absolute;
  left:0;top:18px;bottom:18px;
  width:3px;
  border-radius:999px;
  
  opacity:.62;
}
#identityPage .identity-layer-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,.82fr);
  align-items:end;
  gap:12px;
  padding:2px 4px 0 10px;
}
#identityPage .identity-layer-head small{
  
  font-size:12px!important;
  letter-spacing:.14em!important;
}
#identityPage .identity-layer-head h2{
  margin:7px 0 0!important;
  
  font-size:26px!important;
  line-height:1.12!important;
  letter-spacing:.05em!important;
}
#identityPage .identity-layer-head p{
  margin:0!important;
  
  font-size:13px!important;
  line-height:1.82!important;
  text-align:left!important;
  justify-self:end;
  max-width:360px!important;
}
#identityPage .identity-layer-list{display:grid;gap:14px;margin-top:18px!important}
#identityPage .identity-section,
#identityPage .identity-final{
  position:relative;
  padding:18px!important;
  border-radius:22px!important;
  border:1px solid rgba(146,189,228,.08)!important;
  
  
  overflow:hidden;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
#identityPage .identity-section::before,
#identityPage .identity-final::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  
}
#identityPage .identity-section:hover,
#identityPage .identity-final:hover{
  transform:translateY(-2px);
  
  
}
#identityPage .identity-section-head{align-items:flex-start!important;gap:12px!important;margin-bottom:14px!important}
#identityPage .identity-section-head>span{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:50%;
  
  border:1px solid rgba(150,192,230,.10);
  
  font-size:12px!important;
}
#identityPage .identity-section-head small{font-size:12px!important;letter-spacing:.18em!important;}
#identityPage .identity-section-head h3{margin-top:7px!important;font-size:18px!important;line-height:1.45!important;}
#identityPage .identity-lead,
#identityPage .identity-lead.large{
  font-size:14px!important;
  line-height:1.86!important;
  
}


#identityPage .identity-answer-grid,
#identityPage .identity-axis-grid,
#identityPage .identity-drive-grid,
#identityPage .identity-relation-grid,
#identityPage .identity-social-compare,
#identityPage .identity-mature-grid{gap:10px!important}
#identityPage .identity-answer-card,
#identityPage .identity-axis-card,
#identityPage .identity-drive-card,
#identityPage .identity-relation-card,
#identityPage .identity-social-compare article,
#identityPage .identity-conflict-card,
#identityPage .identity-mature-grid article,
#identityPage .identity-pressure-list article,
#identityPage .identity-drive-hero,
#identityPage .identity-point{
  border-radius:18px!important;
  border:1px solid rgba(146,188,225,.08)!important;
  
  
}
#identityPage .identity-answer-card,
#identityPage .identity-axis-card,
#identityPage .identity-drive-card,
#identityPage .identity-relation-card,
#identityPage .identity-social-compare article,
#identityPage .identity-mature-grid article,
#identityPage .identity-pressure-list article{padding:14px!important}
#identityPage .identity-answer-card small,
#identityPage .identity-axis-card small,
#identityPage .identity-relation-card small,
#identityPage .identity-mature-grid small,
#identityPage .identity-social-compare small,
#identityPage .identity-conflict-card>small,
#identityPage .identity-pressure-list small{font-size:12px!important;letter-spacing:.06em}
#identityPage .identity-answer-card strong,
#identityPage .identity-relation-card strong,
#identityPage .identity-drive-card strong{font-size:15px!important;line-height:1.48!important}
#identityPage .identity-answer-card p,
#identityPage .identity-relation-card p,
#identityPage .identity-social-compare p,
#identityPage .identity-mature-grid p,
#identityPage .identity-pressure-list p{font-size:13px!important;line-height:1.82!important}


#identityPage .identity-cognition-list,
#identityPage .identity-need-list,
#identityPage .identity-value-list,
#identityPage .identity-emotion-list,
#identityPage .identity-action-list,
#identityPage .identity-pressure-list,
#identityPage .identity-conflict-list{display:grid;gap:10px;margin-top:14px}
#identityPage .identity-point{
  position:relative;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:12px!important;
  padding:14px!important;
}
#identityPage .identity-point::after{
  content:"";
  position:absolute;
  left:34px;
  top:42px;
  bottom:14px;
  width:1px;
  
}
#identityPage .identity-point:last-child::after{display:none}
#identityPage .identity-point>span{
  width:40px!important;height:40px!important;
  
  border:1px solid rgba(150,190,227,.12)!important;
  
  font-size:12px!important;
}
#identityPage .identity-point p{margin:0!important;font-size:14px!important;line-height:1.84!important}


#identityPage .identity-axis-card header,
#identityPage .identity-answer-card,
#identityPage .identity-drive-card header,
#identityPage .identity-relation-card,
#identityPage .identity-social-compare article,
#identityPage .identity-mature-grid article,
#identityPage .identity-pressure-list article{display:flex;flex-direction:column;gap:8px}
#identityPage .identity-axis-card b{font-size:15px!important}
#identityPage .identity-axis-track{height:6px!important;border-radius:999px!important;overflow:hidden}
#identityPage .identity-axis-track i{display:block;height:100%;border-radius:999px;}
#identityPage .identity-drive-hero{padding:16px!important;margin-top:14px!important}
#identityPage .identity-drive-hero small{font-size:12px!important;letter-spacing:.08em}
#identityPage .identity-drive-hero strong{display:block;margin-top:7px;font-size:20px!important;line-height:1.55!important}
#identityPage .identity-drive-hero p{margin:10px 0 0!important;font-size:14px!important;line-height:1.84!important}
#identityPage .identity-drive-card header{gap:6px!important}
#identityPage .identity-drive-card small{font-size:12px!important;}
#identityPage .identity-drive-card>p{font-size:13px!important;line-height:1.82!important;margin:0!important}
#identityPage .identity-drive-answer{display:block!important;margin-top:8px;padding-top:10px;border-top:1px solid rgba(150,191,227,.07)!important}
#identityPage .identity-drive-answer b{display:block;margin-bottom:5px;font-size:14px!important;}
#identityPage .identity-drive-answer span{display:block;font-size:13px!important;}

#identityPage .identity-conflict-card{padding:14px!important}
#identityPage .identity-conflict-sides{grid-template-columns:1fr 34px 1fr!important;gap:10px!important;margin-top:10px!important}
#identityPage .identity-conflict-sides article{
  padding:12px!important;
  border-radius:16px!important;
  
  border:1px solid rgba(144,186,223,.06);
}
#identityPage .identity-conflict-sides article b{font-size:14px!important;line-height:1.42!important}
#identityPage .identity-conflict-sides article p{font-size:13px!important;line-height:1.76!important}
#identityPage .identity-conflict-sides>i{
  width:34px;height:34px;align-self:center;justify-self:center;
  border-radius:50%;
  
  border:1px solid rgba(143,183,220,.08);
  
}
#identityPage .identity-conflict-note{margin-top:10px!important;padding-top:10px;border-top:1px dashed rgba(150,191,227,.07);font-size:13px!important;line-height:1.78!important}

#identityPage .identity-mature-grid article.integrated{
  
  
}
#identityPage .identity-final{
  text-align:center!important;
  padding:26px 20px!important;
  border-radius:26px!important;
}
#identityPage .identity-final>small{font-size:12px!important;letter-spacing:.24em!important;}
#identityPage .identity-final h2{font-size:24px!important;line-height:1.48!important;max-width:700px!important}
#identityPage .identity-final p{font-size:14px!important;line-height:1.88!important;max-width:680px!important}
#identityPage .identity-final blockquote{font-size:14px!important;line-height:1.88!important;max-width:680px!important}


#identityPage .identity-hero,
#identityPage .identity-guide,
#identityPage .identity-layer,
#identityPage .identity-final{opacity:0;transform:translateY(12px);transition:opacity .55s ease, transform .55s ease}
#identityPage .identity-hero.is-revealed,
#identityPage .identity-guide.is-revealed,
#identityPage .identity-layer.is-revealed,
#identityPage .identity-final.is-revealed{opacity:1;transform:translateY(0)}

@media(max-width:900px){
  #identityPage .identity-hero{grid-template-columns:1fr;grid-template-areas:"copy" "map" "grid";padding:18px!important}
  #identityPage .identity-map{min-height:210px}
  #identityPage .identity-layer-head{grid-template-columns:1fr}
  #identityPage .identity-layer-head p{justify-self:start;max-width:none!important}
}
@media(max-width:760px){
  #identityPage .identity-top-title::before,#identityPage .identity-top-title::after{width:50px}
  #identityPage .identity-top-title::before{left:calc(50% - 118px)}
  #identityPage .identity-top-title::after{right:calc(50% - 118px)}
  #identityPage .identity-top-title strong{font-size:24px!important;letter-spacing:.18em!important}
  #identityPage .identity-guide{grid-template-columns:1fr 1fr;top:74px}
  #identityPage .identity-hero-grid{grid-template-columns:1fr 1fr!important}
  #identityPage .identity-mature-grid,
  #identityPage .identity-relation-grid,
  #identityPage .identity-social-compare,
  #identityPage .identity-answer-grid,
  #identityPage .identity-axis-grid,
  #identityPage .identity-drive-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #identityPage .identity-page-shell{padding-left:10px!important;padding-right:10px!important}
  #identityPage .identity-page-topbar{min-height:58px;padding-bottom:12px!important}
  #identityPage .identity-back{width:40px;height:40px}
  #identityPage .identity-guide{grid-template-columns:1fr;gap:8px;padding:10px;top:70px}
  #identityPage .identity-guide button{min-height:54px}
  #identityPage .identity-hero-copy h1{font-size:30px!important}
  #identityPage .identity-layer{padding:14px!important;border-radius:22px!important}
  #identityPage .identity-section,
  #identityPage .identity-final{padding:15px!important;border-radius:18px!important}
  #identityPage .identity-section-head h3{font-size:17px!important}
  #identityPage .identity-point{grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important}
  #identityPage .identity-point>span{width:36px!important;height:36px!important}
  #identityPage .identity-point::after{left:30px;top:38px}
  #identityPage .identity-conflict-sides{grid-template-columns:1fr!important}
  #identityPage .identity-conflict-sides>i{transform:rotate(90deg)}
}



#identityPage{
  --id-shell: min(100%, 940px);
  --id-glass: rgba(10, 21, 35, .40);
  --id-glass-strong: rgba(10, 21, 35, .56);
  --id-line: rgba(166, 205, 239, .10);
  --id-line-strong: rgba(176, 214, 245, .16);
  --id-text: #eaf3fb;
  --id-text-2: #cbd9e6;
  --id-text-3: #9db0c2;
  --id-accent: rgba(142, 198, 245, .88);
  --id-accent-soft: rgba(120, 176, 229, .18);
}
#identityPage::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  
  animation: identityBreath 14s ease-in-out infinite alternate;
}
@keyframes identityBreath{
  0%{transform:translateY(0) scale(1)}
  100%{transform:translateY(-1%) scale(1.015)}
}
#identityPage .identity-page-shell{
  width:var(--id-shell)!important;
  max-width:var(--id-shell)!important;
  margin:0 auto!important;
  padding:10px 12px 34px!important;
  box-sizing:border-box!important;
}
#identityPage .identity-page-topbar{
  position:sticky!important;
  top:0;
  z-index:30;
  min-height:62px!important;
  margin-bottom:10px!important;
  padding:10px 0 12px!important;
  justify-content:center!important;
  
  border-bottom:1px solid rgba(161,206,242,.08)!important;
  backdrop-filter:blur(14px) saturate(118%);
  -webkit-backdrop-filter:blur(14px) saturate(118%);
}
#identityPage .identity-page-topbar::after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:180px;height:1px;
  transform:translateX(-50%);
  
}
#identityPage .identity-back{
  position:absolute!important;
  left:0;top:50%;transform:translateY(-50%);
  width:40px;height:40px;
  border-radius:14px!important;
  border:1px solid var(--id-line)!important;
  
  
}
#identityPage .identity-top-title{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%}
#identityPage .identity-top-title::before,
#identityPage .identity-top-title::after{
  content:"";position:absolute;top:50%;width:74px;height:1px;
  
}
#identityPage .identity-top-title::before{left:calc(50% - 136px)}
#identityPage .identity-top-title::after{right:calc(50% - 136px)}
#identityPage .identity-top-title small{display:block!important;font-size:11px!important;letter-spacing:.30em!important}
#identityPage .identity-top-title strong{display:block!important;margin-top:4px!important;font-size:25px!important;line-height:1.12!important;font-weight:620!important;letter-spacing:.18em!important}
#identityPage .identity-page-:scope{display:flex;flex-direction:column;gap:16px!important}

#identityPage .identity-hero,
#identityPage .identity-layer,
#identityPage .identity-section,
#identityPage .identity-final,
#identityPage .identity-guide{
  width:100%!important;
  box-sizing:border-box!important;
}


#identityPage .identity-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.28fr) minmax(240px,.92fr)!important;
  grid-template-areas:
    "copy map"
    "grid grid";
  align-items:stretch;
  gap:14px!important;
  padding:18px!important;
  border-radius:26px!important;
  border:1px solid var(--id-line)!important;
  
  
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
  overflow:hidden;
}
#identityPage .identity-hero::after{display:none!important}
#identityPage .identity-hero-copy{grid-area:copy;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left!important;min-width:0}
#identityPage .identity-hero-copy>small{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 10px;border-radius:999px;
  
  border:1px solid rgba(164,206,239,.08);
  font-size:12px!important;letter-spacing:.15em!important;
}
#identityPage .identity-hero-copy h1{margin:12px 0 8px!important;font-size:34px!important;line-height:1.1!important;letter-spacing:.06em!important}
#identityPage .identity-hero-copy>p{max-width:100%!important;margin:0!important;font-size:14px!important;line-height:1.82!important}
#identityPage .identity-hero-copy blockquote{
  max-width:100%!important;margin:12px 0 0!important;padding:12px 14px!important;
  border-radius:16px!important;border:1px solid rgba(165,207,240,.08)!important;
  
  font-size:13px!important;line-height:1.82!important;
}
#identityPage .identity-map{
  grid-area:map;position:relative!important;inset:auto!important;
  min-height:220px!important;border-radius:22px!important;
  border:1px solid rgba(164,206,239,.08)!important;
  
  overflow:hidden;
}
#identityPage .identity-map::before{
  content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(160,202,236,.06);pointer-events:none;
}
#identityPage .identity-map-orbit{}
#identityPage .identity-map-line{}
#identityPage .identity-map-node{}
#identityPage .identity-map-node.center{}
#identityPage .identity-hero-grid{
  grid-area:grid;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:2px!important;
}
#identityPage .identity-hero-grid span{
  min-height:72px!important;padding:12px!important;
  border-radius:18px!important;border:1px solid rgba(166,206,239,.08)!important;
  
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
#identityPage .identity-hero-grid small{display:block!important;font-size:12px!important;letter-spacing:.08em!important}
#identityPage .identity-hero-grid b{display:block!important;margin-top:5px!important;font-size:13px!important;line-height:1.5!important;font-weight:520!important}


#identityPage .identity-guide{
  position:sticky!important;
  top:72px;
  z-index:24;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:20px!important;
  border:1px solid var(--id-line)!important;
  
  
  backdrop-filter:blur(16px) saturate(116%);
  -webkit-backdrop-filter:blur(16px) saturate(116%);
}
#identityPage .identity-guide button{
  min-width:0!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  border:1px solid rgba(166,206,239,.06)!important;
  
  display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
#identityPage .identity-guide button:hover{transform:translateY(-1px);}
#identityPage .identity-guide button span{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(167,208,241,.10);font-size:12px}
#identityPage .identity-guide button b{display:block;min-width:0;font-size:14px;line-height:1.4;font-weight:560;white-space:normal;word-break:break-all}
#identityPage .identity-guide button.active{}
#identityPage .identity-guide button.active span{}


#identityPage .identity-layer{
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid var(--id-line)!important;
  
  
  backdrop-filter:blur(14px) saturate(114%);
  -webkit-backdrop-filter:blur(14px) saturate(114%);
}
#identityPage .identity-layer::before{display:none!important}
#identityPage .identity-layer-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;
  padding:0 2px!important;
}
#identityPage .identity-layer-head>div{min-width:0!important;flex:1 1 280px!important}
#identityPage .identity-layer-head small{display:block!important;font-size:12px!important;letter-spacing:.14em!important}
#identityPage .identity-layer-head h2{margin:7px 0 0!important;font-size:24px!important;line-height:1.18!important;font-weight:590!important;letter-spacing:.05em!important}
#identityPage .identity-layer-head p{flex:1 1 260px!important;max-width:380px!important;margin:0!important;font-size:13px!important;line-height:1.74!important;text-align:left!important}
#identityPage .identity-layer-list{display:grid!important;gap:12px!important;margin-top:14px!important}


#identityPage .identity-section,
#identityPage .identity-final{
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(167,207,239,.08)!important;
  
  
  backdrop-filter:blur(12px) saturate(112%);
  -webkit-backdrop-filter:blur(12px) saturate(112%);
}
#identityPage .identity-section::before,
#identityPage .identity-final::before{display:none!important}
#identityPage .identity-section-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important}
#identityPage .identity-section-head>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(168,208,240,.10)!important;font-size:12px!important;flex:none}
#identityPage .identity-section-head small{display:block!important;font-size:12px!important;letter-spacing:.16em!important}
#identityPage .identity-section-head h3{margin:6px 0 0!important;font-size:18px!important;line-height:1.44!important;font-weight:560!important}
#identityPage .identity-lead,
#identityPage .identity-lead.large{margin:0!important;font-size:14px!important;line-height:1.84!important}


#identityPage .identity-answer-grid,
#identityPage .identity-axis-grid,
#identityPage .identity-drive-grid,
#identityPage .identity-relation-grid,
#identityPage .identity-social-compare,
#identityPage .identity-mature-grid{display:grid!important;gap:10px!important;margin-top:12px!important}
#identityPage .identity-answer-grid{grid-template-columns:1fr 1fr!important}
#identityPage .identity-axis-grid{grid-template-columns:1fr 1fr!important}
#identityPage .identity-drive-grid{grid-template-columns:1fr 1fr!important}
#identityPage .identity-relation-grid{grid-template-columns:1fr 1fr 1fr!important}
#identityPage .identity-social-compare{grid-template-columns:1fr 1fr 1fr!important}
#identityPage .identity-mature-grid{grid-template-columns:1fr 1fr 1fr!important}
#identityPage .identity-answer-card,
#identityPage .identity-axis-card,
#identityPage .identity-drive-card,
#identityPage .identity-relation-card,
#identityPage .identity-social-compare article,
#identityPage .identity-conflict-card,
#identityPage .identity-mature-grid article,
#identityPage .identity-pressure-list article,
#identityPage .identity-drive-hero,
#identityPage .identity-point{
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(165,206,238,.08)!important;
  
  
  box-sizing:border-box!important;
}
#identityPage .identity-answer-card small,
#identityPage .identity-axis-card small,
#identityPage .identity-drive-card small,
#identityPage .identity-relation-card small,
#identityPage .identity-social-compare small,
#identityPage .identity-conflict-card>small,
#identityPage .identity-mature-grid small,
#identityPage .identity-pressure-list small,
#identityPage .identity-drive-hero small{display:block!important;font-size:12px!important;letter-spacing:.05em!important}
#identityPage .identity-answer-card strong,
#identityPage .identity-drive-card strong,
#identityPage .identity-relation-card strong,
#identityPage .identity-drive-hero strong{display:block!important;font-size:15px!important;line-height:1.48!important;font-weight:560!important}
#identityPage .identity-answer-card p,
#identityPage .identity-drive-card>p,
#identityPage .identity-relation-card p,
#identityPage .identity-social-compare p,
#identityPage .identity-mature-grid p,
#identityPage .identity-pressure-list p,
#identityPage .identity-drive-hero p{margin:7px 0 0!important;font-size:13px!important;line-height:1.78!important}

#identityPage .identity-axis-card header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
#identityPage .identity-axis-card b{font-size:14px!important;line-height:1.4!important}
#identityPage .identity-axis-track{height:6px!important;margin-top:10px!important;border-radius:999px!important;overflow:hidden}
#identityPage .identity-axis-track i{display:block!important;height:100%!important;border-radius:999px!important;}

#identityPage .identity-cognition-list,
#identityPage .identity-need-list,
#identityPage .identity-value-list,
#identityPage .identity-emotion-list,
#identityPage .identity-action-list,
#identityPage .identity-pressure-list,
#identityPage .identity-conflict-list{display:grid!important;gap:10px!important;margin-top:12px!important}
#identityPage .identity-point{
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;
}
#identityPage .identity-point::after{display:none!important}
#identityPage .identity-point>span{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(170,209,241,.10)!important;font-size:12px!important;flex:none}
#identityPage .identity-point p{margin:0!important;font-size:14px!important;line-height:1.82!important}

#identityPage .identity-drive-hero strong{margin-top:6px!important;font-size:19px!important;line-height:1.55!important}
#identityPage .identity-drive-answer{display:block!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(170,210,242,.07)!important;font-size:13px!important;line-height:1.72!important}
#identityPage .identity-drive-answer b{display:block!important;margin-bottom:5px!important;font-size:14px!important;line-height:1.4!important}
#identityPage .identity-drive-answer span{display:block!important;font-size:13px!important;line-height:1.7!important}

#identityPage .identity-conflict-card{padding:14px!important}
#identityPage .identity-conflict-sides{display:grid!important;grid-template-columns:1fr 28px 1fr!important;gap:10px!important;align-items:stretch!important;margin-top:10px!important}
#identityPage .identity-conflict-sides article{padding:12px!important;border-radius:16px!important;border:1px solid rgba(166,206,239,.06)!important;}
#identityPage .identity-conflict-sides article b{display:block!important;font-size:14px!important;line-height:1.42!important}
#identityPage .identity-conflict-sides article p{margin:6px 0 0!important;font-size:13px!important;line-height:1.74!important}
#identityPage .identity-conflict-sides>i{display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;font-size:14px!important;font-style:normal!important}
#identityPage .identity-conflict-note{margin-top:10px!important;padding-top:10px!important;border-top:1px dashed rgba(169,208,241,.08)!important;font-size:13px!important;line-height:1.76!important}

#identityPage .identity-final{text-align:center!important;padding:24px 18px!important;border-radius:24px!important}
#identityPage .identity-final>small{display:block!important;font-size:12px!important;letter-spacing:.24em!important}
#identityPage .identity-final h2{max-width:700px!important;margin:9px auto 0!important;font-size:24px!important;line-height:1.5!important;font-weight:560!important}
#identityPage .identity-final p{max-width:680px!important;margin:10px auto 0!important;font-size:14px!important;line-height:1.86!important}
#identityPage .identity-final blockquote{max-width:680px!important;margin:14px auto 0!important;padding-top:14px!important;border-top:1px solid rgba(171,210,242,.07)!important;font-size:14px!important;line-height:1.84!important;font-style:normal!important}


#identityPage .identity-hero,
#identityPage .identity-guide,
#identityPage .identity-layer,
#identityPage .identity-final{opacity:0;transform:translateY(10px);transition:opacity .46s ease, transform .46s ease}
#identityPage .identity-hero.is-revealed,
#identityPage .identity-guide.is-revealed,
#identityPage .identity-layer.is-revealed,
#identityPage .identity-final.is-revealed{opacity:1;transform:translateY(0)}


@media (max-width:900px){
  #identityPage .identity-hero{grid-template-columns:1fr!important;grid-template-areas:"copy" "map" "grid"}
  #identityPage .identity-map{min-height:200px!important}
  #identityPage .identity-guide{grid-template-columns:1fr 1fr!important}
  #identityPage .identity-relation-grid,
  #identityPage .identity-social-compare,
  #identityPage .identity-mature-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:680px){
  #identityPage .identity-page-shell{padding-left:10px!important;padding-right:10px!important}
  #identityPage .identity-top-title::before,#identityPage .identity-top-title::after{width:46px}
  #identityPage .identity-top-title::before{left:calc(50% - 106px)}
  #identityPage .identity-top-title::after{right:calc(50% - 106px)}
  #identityPage .identity-top-title strong{font-size:22px!important;letter-spacing:.14em!important}
  #identityPage .identity-guide{top:70px;grid-template-columns:1fr!important}
  #identityPage .identity-answer-grid,
  #identityPage .identity-axis-grid,
  #identityPage .identity-drive-grid,
  #identityPage .identity-relation-grid,
  #identityPage .identity-social-compare,
  #identityPage .identity-mature-grid{grid-template-columns:1fr!important}
  #identityPage .identity-layer-head{align-items:flex-start!important}
  #identityPage .identity-layer-head p{max-width:none!important}
}
@media (max-width:520px){
  #identityPage .identity-page-topbar{min-height:58px!important}
  #identityPage .identity-back{width:38px;height:38px}
  #identityPage .identity-hero,
  #identityPage .identity-layer,
  #identityPage .identity-section,
  #identityPage .identity-final{padding:14px!important}
  #identityPage .identity-hero-copy h1{font-size:30px!important}
  #identityPage .identity-layer-head h2{font-size:22px!important}
  #identityPage .identity-section-head h3{font-size:17px!important}
  #identityPage .identity-conflict-sides{grid-template-columns:1fr!important}
  #identityPage .identity-conflict-sides>i{transform:rotate(90deg)}
  #identityPage .identity-hero-grid{grid-template-columns:1fr 1fr!important}
}



:scope{
  --app-vh:100lvh;
  --vv-bottom-gap:0px;
  --nav-bottom:8px;
  --bg-overscan:420px;
  --bg:#040b16;
  --bg2:#081222;
  --glass:rgba(255,255,255,.055);
  --glass-2:rgba(255,255,255,.072);
  --glass-3:rgba(255,255,255,.10);
  --line:rgba(255,255,255,.11);
  --line-2:rgba(255,255,255,.17);
  --text:#eef5ff;
  --muted:#a7b9d8;
  --muted-2:#7e93b7;
  --cyan:#9fddff;
  --violet:#cfbeff;
  --mint:#a8f0df;
  --gold:#ffe4b5;
  --shadow:0 26px 90px rgba(0,0,0,.34);
  --radius:26px;
}
*{box-sizing:border-box}
:scope{scroll-behavior:smooth}
:scope{
  width:100%;
  min-height:100%;
  min-height:100lvh;
  
}
:scope{
  width:100%;
  min-height:100vh;
  min-height:100lvh;
  min-height:var(--app-vh,100lvh);
  margin:0;
  
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  
  overflow-x:hidden;
  padding:0;
  overscroll-behavior-y:none;
}
:scope.modal-open,:scope.modal-open{
  overflow:hidden;
  overscroll-behavior:none;
}

button,input,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}

#spaceBg,#spaceFx{
  position:fixed;
  left:0;
  top:calc(-1 * var(--bg-overscan, 420px)) !important;
  width:100vw !important;
  height:calc(var(--app-vh,100lvh) + (var(--bg-overscan, 420px) * 2)) !important;
  min-height:calc(var(--app-vh,100lvh) + (var(--bg-overscan, 420px) * 2)) !important;
  pointer-events:none;
}
#spaceBg{z-index:1}
#spaceFx{z-index:2; mix-blend-mode:screen}


:scope:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  
}

.app{
  position:relative; z-index:35;
  width:min(100%,560px);
  min-height:100lvh;
  min-height:var(--app-vh,100lvh);
  margin:auto;
  padding:calc(env(safe-area-inset-top,0px) + 10px) 15px calc(86px + env(safe-area-inset-bottom,0px));
}
.top{
  position:sticky;
  top:0;
  z-index:35;
  margin:calc(env(safe-area-inset-top,0px) * -1) -4px 12px;
  padding:calc(env(safe-area-inset-top,0px) + 10px) 4px 14px;
  
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  
}
.brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}
.brand-left{
  display:flex; align-items:center; gap:12px;
}
.header-raw-back{
  display:none;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(166,202,237,.10);
  border-radius:50%;
  
  
  font-size:24px;
  line-height:1;
  padding:0;
  flex:0 0 34px;
}
:scope.raw-chart-page-active .header-raw-back{
  display:inline-flex;
}
.logo{
  width:42px; height:42px; border-radius:15px;
  
  border:1px solid rgba(255,255,255,.07);
  
  display:grid; place-items:center;
  backdrop-filter:blur(4px);
}
.logo i{
  width:19px; height:19px; display:block; border-radius:50%;
  border:1.4px solid rgba(255,255,255,.84); position:relative;
}
.logo i:before{
  content:""; position:absolute; inset:3px; border-radius:50%;
  
}
.brand h1{
  margin:0; font-size:17px; font-weight:700; letter-spacing:.15em;
}
.brand p{
  margin:3px 0 0; font-size:10px; 
}
.ghost-btn{
  border:1px solid var(--line);
  
  
  padding:9px 11px; border-radius:14px;
  backdrop-filter:blur(12px);
}
.page{display:none}
.page.active{display:block}
.glass{
  
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(4px) saturate(112%);
  
}
.hero{
  position:relative; overflow:hidden;
  border-radius:36px;
  padding:20px 16px 16px;
}
.hero:before{
  content:""; position:absolute; left:50%; top:52%;
  transform:translate(-50%,-50%);
  width:360px; height:360px; border-radius:50%;
  
  filter:blur(10px);
}
.hero:after{
  content:""; position:absolute; inset:0;
  
  pointer-events:none;
}
.hero-top{
  position:relative; z-index:1;
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}
.eyebrow{
  font-size:10px;  letter-spacing:.24em; font-weight:700;
}
.hero-tip{
  font-size:10px;  padding:7px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.08); 
  white-space:nowrap;
}
.identity-stage{
  position:relative; z-index:1;
  margin-top:8px;
  padding:8px 0 4px;
}
.identity-shell{
  position:relative;
  width:100%;
  min-height:254px;
  border-radius:30px;
  display:flex; align-items:center; justify-content:center;
}
.orbit-ring{
  position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.07);
}
.ring-1{width:248px; height:248px}
.ring-2{width:298px; height:298px; }
.ring-3{width:346px; height:346px; }
.identity-core{
  position:relative; z-index:2;
  width:212px; min-height:212px; padding:18px 16px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
  
  
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  backdrop-filter:blur(4px) saturate(115%);
}
.identity-core small{
  font-size:11px; letter-spacing:.14em; 
}
.identity-core h2{
  margin:12px 0 0; width:78%; text-align:center;
  font-size:24px; line-height:1.22; letter-spacing:-.04em; font-weight:720;
}
.identity-core p{
  margin:8px 0 0; width:78%;
  text-align:center; font-size:11px; line-height:1.52; 
}
.meta-floating{
  position:absolute; inset:0; z-index:2;
}
.meta-pill{
  position:absolute;
  font-size:10px; 
  padding:7px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  
  backdrop-filter:blur(3px) saturate(108%);
  max-width:118px; text-align:center;
}
.m1{top:18px; left:12px}
.m2{top:28px; right:10px}
.m3{bottom:22px; left:6px}
.m4{bottom:20px; right:4px}
.quick-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:4px;
}
.quick-card{
  text-align:left;
  border-radius:22px; padding:14px 13px 13px;
  
  border:1px solid rgba(255,255,255,.095);
  
  backdrop-filter:blur(3px) saturate(108%);
  
}
.quick-card small{
  display:block; font-size:10px;  letter-spacing:.08em; margin-bottom:7px;
}
.quick-card b{
  display:block; font-size:14px; line-height:1.42; font-weight:680; letter-spacing:-.01em;
}
.quick-card span{
  display:block; margin-top:9px; font-size:10px; 
}
.wide-duo{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr; gap:9px; margin-top:9px;
}
.wide-card{
  text-align:left;
  border-radius:22px; padding:15px 14px 14px;
  
  border:1px solid rgba(255,255,255,.095);
  
  backdrop-filter:blur(3px) saturate(108%);
  
}
.wide-card small{
  display:block; font-size:10px;  letter-spacing:.08em; margin-bottom:7px;
}
.wide-card b{
  display:block; font-size:14px; line-height:1.42; font-weight:690; letter-spacing:-.01em;
}
.wide-card span{
  display:block; margin-top:9px; font-size:10px; 
}
.mainline{
  position:relative; z-index:1;
  margin-top:10px; padding:14px 14px 13px; border-radius:24px;
  
  border:1px solid rgba(255,255,255,.095);
  backdrop-filter:blur(3px) saturate(108%);
  
}
.mainline-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}
.mainline h3{
  margin:8px 0 6px; font-size:18px; line-height:1.35;
}
.mainline p{
  margin:0; font-size:12px; line-height:1.72; 
}
.chip{
  font-size:10px; padding:6px 9px; border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
   
}
.row-chips{
  display:flex; flex-wrap:wrap; gap:7px; margin-top:11px;
}
.section{
  margin-top:24px;
}
.sec-head{
  display:flex; justify-content:space-between; align-items:end; gap:10px; margin:0 3px 11px;
}
.sec-head h3{
  margin:0; font-size:16px; font-weight:690; letter-spacing:.04em;
}
.sec-head p{
  margin:0; font-size:10px;  text-align:right;
}
.pulse-list,.growth-list{
  display:grid; gap:9px;
}
.pulse{
  display:flex; align-items:center; gap:12px;
  padding:14px 14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.09);
  
  
  backdrop-filter:blur(18px);
}
.mark{
  width:38px; height:38px; flex:none; border-radius:13px;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.10);
  
  
  
}
.pulse b,.growth-item b{
  display:block; font-size:13px;
}
.pulse span,.growth-item span{
  display:block; margin-top:4px; font-size:10px; line-height:1.48; 
}
.dojo-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
.dojo{
  min-height:158px; position:relative; overflow:hidden;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  
  backdrop-filter:blur(18px);
  
}
.dojo:after{
  content:""; position:absolute; right:-28px; bottom:-28px; width:96px; height:96px; border-radius:50%;
  
}
.dojo .n{
  font-size:9px;  letter-spacing:.15em;
}
.dojo h4{
  margin:9px 0 5px; font-size:15px;
}
.dojo .q{
  font-size:11px; line-height:1.52;  min-height:34px;
}
.meter{
  height:5px; margin:12px 0 8px; overflow:hidden; border-radius:999px;
  
}
.meter i{
  display:block; height:100%; border-radius:inherit;
  
}
.dojo-foot{
  display:flex; justify-content:space-between; gap:8px; font-size:9px; 
}
.form-card,.profile-block{
  border-radius:30px; padding:20px;
}
.form-title h2{
  margin:8px 0 7px; font-size:24px;
}
.form-title p{
  margin:0 0 18px; font-size:12px; line-height:1.72; 
}
.segment{
  display:grid; grid-template-columns:1fr 1fr; gap:7px;
  padding:5px; border-radius:16px; margin-bottom:14px;
  border:1px solid rgba(255,255,255,.08);
  
  backdrop-filter:blur(2px);
}
.segment button{
  border:0;   padding:9px; border-radius:12px;
}
.segment button.active{
   
}
.fields{display:grid; gap:12px}
.field label{
  display:block; margin:0 0 6px 2px; font-size:10px; 
}
.field input,.field select{
  width:100%; padding:13px; border-radius:15px; outline:none;
  border:1px solid rgba(255,255,255,.08);
   
  backdrop-filter:blur(2px);
}
.field input::placeholder{}
.two{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.toggle-line{
  display:flex; justify-content:space-between; align-items:center;
  padding:11px 2px; font-size:12px; 
}
.switch{position:relative; width:42px; height:24px}
.switch input{display:none}
.switch i{
  position:absolute; inset:0; border-radius:999px;
   transition:.2s;
}
.switch i:before{
  content:""; position:absolute; left:3px; top:3px;
  width:18px; height:18px; border-radius:50%;  transition:.2s;
}
.switch input:checked+i{}
.switch input:checked+i:before{left:21px}
.primary-btn,.secondary-btn{
  width:100%; border-radius:16px; padding:14px; border:0; font-weight:700; letter-spacing:.05em;
}
.primary-btn{
  
  
  
}
.secondary-btn{
  margin-top:10px;
  
  
  border:1px solid rgba(255,255,255,.08);
}
.form-note,.disclaimer{
  font-size:10px; line-height:1.72;  margin-top:14px;
}
.profile-grid{
  display:grid; gap:10px;
}
.profile-row{
  padding:14px; border-radius:18px;
  border:1px solid rgba(255,255,255,.08); 
  backdrop-filter:blur(2px);
}
.profile-row small{
  display:block; font-size:9px; 
}
.profile-row b{
  display:block; font-size:13px; margin-top:5px;
}
.dev-warning{
  padding:13px 14px; border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
   
  backdrop-filter:blur(2px);
  font-size:10px; line-height:1.7; margin-bottom:10px;
}
.chart-palaces{display:grid; gap:9px}
.chart-palace{
  padding:13px; border-radius:18px;
  border:1px solid rgba(255,255,255,.08); 
  backdrop-filter:blur(2px);
}
.chart-palace-head{
  display:flex; justify-content:space-between; gap:10px;
}
.chart-palace h4{
  margin:0; font-size:13px;
}
.chart-palace small{
  font-size:9px; 
}
.stars{
  display:flex; flex-wrap:wrap; gap:5px; margin-top:9px;
}
.star{
  font-size:9px; padding:5px 7px; border-radius:10px;
   
}
.star.tough{ }
.star.mut{outline:1px solid rgba(255,224,169,.5)}
.raw{
  white-space:pre-wrap; word-break:break-all;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9px; line-height:1.58;
  
  
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px; padding:14px; max-height:420px; overflow:auto;
}
.bottom{
  position:fixed;
  left:50%;
  bottom:max(8px, env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  z-index:36;
  width:min(calc(100% - 22px),520px);
  display:grid; grid-template-columns:repeat(4,1fr); padding:4px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  
}
.nav{
  border:0;  
  padding:5px 2px; border-radius:13px; font-size:8px;
}
.nav strong{
  display:block; font-size:15px; margin-bottom:5px; font-weight:500;
}
.nav.active{
   
}
dialog{
  border:0;
  padding:0;
  
  width:min(calc(100% - 36px),468px);
  max-height:min(82dvh, calc(100dvh - var(--detail-top-gap) - var(--detail-bottom-gap)));
  margin:0;
  overflow:visible;
}
dialog[open]{
  position:fixed;
  left:50%;
  top:var(--detail-top-gap);
  transform:translateX(-50%);
}
dialog::backdrop{
  
}
.sheet{
  display:flex;
  flex-direction:column;
  width:100%;
  padding:14px 12px 12px;
  max-height:min(82dvh, calc(100dvh - var(--detail-top-gap) - var(--detail-bottom-gap)));
  overflow:hidden;
  border-radius:26px 26px 20px 20px;
  
  backdrop-filter:none;
  border:1px solid rgba(255,255,255,.08); 
  
  contain:layout paint style;
}

.sheet-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:15px;
  flex:0 0 auto;
}
.sheet-head small{
  font-size:9px; letter-spacing:.14em; 
}
.sheet h3{
  margin:4px 0 0; font-size:16px;
}
.close{
  width:34px; height:34px; border-radius:50%; border:0;
    font-size:18px;
}
.insight{
  border-top:1px solid rgba(255,255,255,.06); margin-top:12px; padding-top:12px;
}
.insight h5{
  margin:0 0 6px; font-size:11px; 
}
.insight p{
  margin:0; font-size:12px; line-height:1.72; 
}
.empty{
  text-align:center; font-size:12px;  padding:34px 18px;
}
.loader{
  position:fixed; inset:0; z-index:120;
  display:grid; place-items:center;
   backdrop-filter:blur(10px);
}
.loader-box{text-align:center}
.breath{
  width:74px; height:74px; margin:auto; border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  
  
  animation:breathe 1.9s ease-in-out infinite;
}
.loader p{
  margin-top:16px; font-size:11px; 
}
.toast{
position:fixed;  left:50%; transform:translateX(-50%); z-index:130;
  max-width:calc(100% - 30px);
  padding:10px 14px; border-radius:14px;
   border:1px solid rgba(255,255,255,.08);
    font-size:11px;
  position:fixed;
  left:50%;
  bottom:calc(env(safe-area-inset-bottom,0px) + 86px);
  transform:translateX(-50%);
}
@keyframes breathe{
  50%{transform:scale(.82); opacity:.62}
}
@media(min-width:700px){
  :scope{padding-top:16px}
}

.soul-home{padding-bottom:16px}
.compact-stage{padding:0;margin-top:0}
.compact-shell{min-height:218px}
.compact-core{width:184px!important;min-height:184px!important;padding:14px!important}
.compact-core h2{font-size:27px;line-height:1.16;width:88%;margin-top:11px}
.compact-core p{width:82%;font-size:11px;line-height:1.38;margin-top:8px;}
.coordinate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;position:relative;z-index:2;margin-top:0}
.coordinate-card{min-height:76px;border-radius:18px;border:1px solid rgba(255,255,255,.082);backdrop-filter:blur(2px) saturate(104%);padding:12px;text-align:left;}
.coordinate-card small{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:8px}
.coordinate-card b{display:block;font-size:20px;line-height:1.08;font-weight:730;letter-spacing:.05em;}
.coordinate-card.key-card b{}
.soul-axis{width:100%;margin-top:9px;padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.085);text-align:left;backdrop-filter:blur(2px)}
.soul-axis small{display:block;font-size:9px;letter-spacing:.09em;margin-bottom:6px}
.soul-axis b{font-size:16px;line-height:1.25;font-weight:690;letter-spacing:.06em}
.system-layer{border:1px solid rgba(255,255,255,.082);border-radius:22px;backdrop-filter:blur(2px);padding:15px 14px}
.system-layer + .system-layer{margin-top:9px}
.system-layer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.system-layer-head b{font-size:14px}
.system-layer-head span{font-size:9px;letter-spacing:.08em}
.system-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.system-mini{border:1px solid rgba(255,255,255,.065);border-radius:15px;padding:11px 8px;text-align:center}
.system-mini small{display:block;font-size:8px;margin-bottom:7px}
.system-mini b{font-size:15px;line-height:1.12;letter-spacing:.04em}



.mirror-dashboard{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:19px 17px 15px;
  border:1px solid rgba(255,255,255,.10);
  
  backdrop-filter:blur(4px) saturate(112%);
  
}
.mirror-dashboard:before{
  content:"";position:absolute;left:50%;top:82px;bottom:74px;width:1px;
  
}
.mirror-caption{
  position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between
}
.mirror-caption h2{font-size:15px;margin:5px 0 0;font-weight:650;letter-spacing:.04em}
.mirror-caption>span{
  font-size:9px;border:1px solid rgba(255,255,255,.07);
  padding:6px 9px;border-radius:99px;}
.identity-lens{
  position:relative;z-index:2;margin:5px auto 10px;width:230px;height:230px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  border:0;}
.identity-lens::before,
.identity-lens::after{
  content:"";
  position:absolute;
  inset:56px;
  border-radius:50%;
  border:1px solid rgba(103,181,255,.34);
  
  pointer-events:none;
  opacity:0;
  animation:lensWavePulse 5.8s ease-out infinite;
}
.identity-lens::after{
  animation-delay:2.9s;
}
.lens-orbit{position:absolute;border-radius:50%;pointer-events:none;animation:lensOrbitDrift 18s linear infinite}
.orbit-a{inset:15px;border:1px solid rgba(184,213,255,.12)}
.orbit-b{inset:34px;border:1px solid rgba(212,190,255,.10);animation-duration:24s;animation-direction:reverse}
.lens-glow{
  position:absolute;inset:50px;border-radius:50%;
  
  border:1px solid rgba(165,213,255,.12);
  
  animation:lensBreathGlow 7.2s ease-in-out infinite;
}
@keyframes lensWavePulse{
  0%{transform:scale(.80);opacity:0;}
  10%{opacity:.75;}
  58%{opacity:.20;}
  100%{transform:scale(1.62);opacity:0;}
}
@keyframes lensBreathGlow{
  0%,100%{transform:scale(1);filter:brightness(.98);}
  50%{transform:scale(1.045);filter:brightness(1.12);}
}
@keyframes lensOrbitDrift{
  from{transform:rotate(0deg);} to{transform:rotate(360deg);}
}
.identity-lens small{position:relative;z-index:1;font-size:10px;letter-spacing:.12em}
.identity-lens strong{position:relative;z-index:1;margin-top:10px;font-size:30px;line-height:1;font-weight:730;letter-spacing:.08em}
.identity-lens em{position:relative;z-index:1;margin-top:6px;font-size:6px;font-style:normal;letter-spacing:.10em;font-weight:500}
.primary-axes{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065)
}
.axis-item{
  min-height:86px;padding:14px 13px;border:0;text-align:left;}
.axis-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)}
.axis-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
.axis-item small{display:block;font-size:9px;margin-bottom:8px;letter-spacing:.07em}
.axis-item b{font-size:21px;line-height:1.05;letter-spacing:.08em;font-weight:720}
.axis-item:hover{}
.domain-overview{margin-top:22px}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin:0 3px 10px}
.section-title-row small{font-size:8px;letter-spacing:.14em;}
.section-title-row h3{font-size:15px;margin:5px 0 0}
.section-title-row button{border:0;font-size:10px}
.domain-matrix{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(255,255,255,.075);border-radius:23px;overflow:hidden;
  backdrop-filter:blur(1.5px)
}
.domain-matrix button{
  min-height:79px;border:0;padding:12px 8px;text-align:center
}
.domain-matrix button:not(:nth-child(3n)){border-right:1px solid rgba(255,255,255,.055)}
.domain-matrix button:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.055)}
.domain-matrix small{display:block;font-size:8px;margin-bottom:8px}
.domain-matrix b{font-size:14px;letter-spacing:.06em}
.structure-card{
  border:1px solid rgba(255,255,255,.075);border-radius:24px;
  
  padding:15px 14px;backdrop-filter:blur(1.5px)
}
.structure-card+.structure-card{margin-top:9px}
.structure-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.structure-card header b{font-size:14px}
.structure-card header span{font-size:8px;letter-spacing:.08em}
.structure-row{
  display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;
  min-height:42px;border-top:1px solid rgba(255,255,255,.045)
}
.structure-row:first-of-type{border-top:0}
.structure-row small{font-size:9px;}
.structure-row b{font-size:13px;font-weight:630}
.structure-row em{font-size:9px;font-style:normal}
.source-line{
  padding:11px 12px;border-radius:15px;
  border:1px solid rgba(255,255,255,.05);font-size:10px!important;line-height:1.65!important;}
.dojo{
  
  backdrop-filter:blur(1.5px)!important
}


.mirror-dashboard{
  border:1px solid rgba(255,255,255,.10)!important;
  
  
}
.identity-lens strong{font-size:31px!important;letter-spacing:.10em}
.axis-item b{font-size:22px!important}
.domain-matrix{
  
  border:1px solid rgba(255,255,255,.085)!important;
}
.domain-matrix button:hover,.axis-item:hover,.structure-card .soul-axis:hover,.soul-axis:hover,.dojo:hover{
  }
.structure-card{
  border:1px solid rgba(255,255,255,.085)!important;
  
  }
.insight h5{
  font-size:12px!important;
  letter-spacing:.04em;
  }
.insight p{
  line-height:1.82!important;
  }


#detailDialog article{
  max-width:840px;
}
.insight{
  border:1px solid rgba(255,255,255,.07);
  
  border-radius:18px;
  padding:14px 14px 13px;
}
.insight + .insight{margin-top:10px}
.insight h5{
  margin:0 0 7px;
  font-size:12px;
  letter-spacing:.04em;
  
}
.insight p{
  margin:0;
  font-size:13px;
  line-height:1.85;
  
}
.domain-matrix button b{transition:transform .25s ease}
.domain-matrix button:hover b{transform:translateY(-1px)}


.profile-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:11px;
}
.profile-actions .secondary-btn,
.profile-actions .primary-btn{margin:0}
.mirror-profile-card{
  position:relative;
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  width:100%;
  text-align:left;
  padding:13px 12px;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.075);
  
  
  backdrop-filter:blur(2px);
}
.mirror-profile-card + .mirror-profile-card{margin-top:8px}
.mirror-profile-card.active{
  
  
  
}
.profile-avatar{
  width:45px;height:45px;border-radius:15px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.08);
  
  font-size:15px;font-weight:700
}
.profile-copy b{display:block;font-size:14px}
.profile-copy span{display:block;margin-top:5px;font-size:9px;line-height:1.45}
.profile-active-dot{
  font-size:9px;
  padding:5px 7px;border-radius:99px;
  border:1px solid rgba(142,215,255,.14);
  }
.profile-form-toolbar{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:12px
}
.profile-form-toolbar button{
  border:0;font-size:10px;padding:4px
}


.birth-picker-grid{display:grid;grid-template-columns:1.45fr .9fr .9fr;gap:9px;}
.birth-picker-grid.time{grid-template-columns:1fr 1fr;}
.picker-mini{position:relative;}
.picker-mini select{width:100%;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.09);padding:13px 30px 13px 12px;border-radius:16px;outline:none;}
.picker-mini span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;}
.field input[type="hidden"]{display:none;}
.original-chart-btn{width:100%;margin-top:8px;}
#chartModalBody{margin-top:12px;}
@media (max-width:390px){.app{padding-left:12px;padding-right:12px}.birth-picker-grid{grid-template-columns:1.25fr .9fr .9fr;gap:8px}}



.sheet{
  position:relative;
}
.sheet-head{
  position:sticky;
  top:-13px;
  z-index:20;
  margin:-13px -12px 0;
  padding:12px 12px 9px;
  flex:0 0 auto;
  
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.sheet-head .close{
  flex:0 0 auto;
  
}
#detailBody,#chartModalBody{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y pinch-zoom;
  padding:6px 1px 24px;
  max-height:calc(min(82dvh, calc(100dvh - var(--detail-top-gap) - var(--detail-bottom-gap))) - 56px);
  scroll-padding-bottom:22px;
}
#chartModalBody{margin-top:0;}

.insight{
  position:relative;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  margin-top:10px;
  padding:12px 12px 11px;
  
}
.insight:first-child{margin-top:8px}
.insight h5{display:flex;align-items:center;gap:7px;}
.insight .badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;font-size:9px;letter-spacing:.05em;border:1px solid rgba(255,255,255,.09);}
.insight.positive .badge{}
.insight.negative .badge{}
.insight.practice .badge,.insight.growth .badge{}
.insight .lead{margin:0 0 7px;font-size:13px;line-height:1.58;font-weight:600;}
.insight .rest{margin:0;font-size:11.5px;line-height:1.68;}


:scope{
  --detail-top-gap:calc(env(safe-area-inset-top,0px) + 116px);
  --detail-bottom-gap:calc(env(safe-area-inset-bottom,0px) + 58px);
}


.sheet::after{
  content:"";
  flex:0 0 auto;
  display:block;
  height:1px;
  margin:5px 2px 0;
  
  opacity:.9;
}


#screenSky{
  position:fixed;
  left:0;
  top:calc(-1 * var(--bg-overscan, 420px));
  width:100vw;
  height:calc(var(--app-vh,100lvh) + (var(--bg-overscan, 420px) * 2));
  min-height:calc(var(--app-vh,100lvh) + (var(--bg-overscan, 420px) * 2));
  z-index:0;
  pointer-events:none;
  
  background-repeat:no-repeat;
  transform:translateZ(0);
  contain:strict;
}
#screenSky::before,
#screenSky::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  
  background-size:118px 72px, 174px 104px, 246px 142px;
  background-position:8px 4px, 52px 16px, 103px 8px;
  opacity:.48;
}
#screenSky::after{
  opacity:.25;
  background-position:48px 34px, 96px 52px, 155px 26px;
}


@media (max-width:600px){
  .logo,.ghost-btn,.glass,.identity-core,.meta-pill,.quick-card,.wide-card,.mainline,
  .pulse,.dojo,.segment,.field input,.field select,.profile-row,.dev-warning,.chart-palace,
  .coordinate-card,.soul-axis,.system-layer,.mirror-profile-card,.bottom,.sheet,.sheet-head{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .quick-card,.wide-card,.mainline,.dojo,.pulse,.coordinate-card,.system-layer{
    
  }
}



:scope,:scope,.app{
  min-height:100vh;
  min-height:100lvh;
}
.bottom{
  transform:translate3d(-50%,0,0);
  will-change:auto;
}
#spaceBg,#spaceFx,#screenSky{
  transform:translateZ(0);
}


.sound-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-width:42px;
  height:26px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  
  
  font-size:8px;
  line-height:1;
  letter-spacing:.02em;
  
}
.sound-mini-btn:active{
  transform:scale(.97);
}
.sound-mini-btn[aria-pressed="false"]{
  
  
}
.sound-mini-icon{
  font-size:12px;
  line-height:1;
  opacity:.9;
}


.header-sound-btn{
  flex:0 0 auto;
  margin-right:1px;
}
.header-sound-btn .sound-mini-icon{
  font-size:11px;
}
.header-sound-btn #soundToggleText{
  min-width:9px;
  text-align:center;
}


#purposeShort{
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:.08em!important;
  font-weight:720!important;
  white-space:nowrap;
}


#detailDialog .sheet{
  max-width:468px;
}
#detailDialog .insight{
  padding:13px 13px 12px;
}
#detailDialog .insight .lead{
  font-size:13px;
  line-height:1.66;
}
#detailDialog .insight .rest{
  font-size:11.8px;
  line-height:1.76;
}


#detailDialog .insight:first-child .lead{
  font-size:12.4px;
  line-height:1.78;
}



:scope.first-run-mode{
  overflow:hidden;
}
:scope.first-run-mode .app,
:scope.first-run-mode .bottom{
  display:none!important;
}
.first-run{
  position:relative;
  z-index:20;
  width:100%;
  min-height:100vh;
  min-height:100lvh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:
    calc(env(safe-area-inset-top,0px) + clamp(18px,5.2vh,54px))
    18px
    calc(env(safe-area-inset-bottom,0px) + 20px);
}
.first-run.hidden{display:none!important}
.first-run-shell{
  width:min(100%,430px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(16px,2.8vh,24px);
  animation:firstRunEnter .72s cubic-bezier(.18,.72,.18,1) both;
}
.first-run-brand{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.first-run-logo{
  width:40px;
  height:40px;
  position:relative;
  margin-bottom:11px;
}
.first-run-logo::before,
.first-run-logo::after,
.first-run-logo i{
  content:"";
  position:absolute;
  border-radius:50%;
  inset:0;
  border:1px solid rgba(205,224,255,.17);
}
.first-run-logo::after{
  inset:7px;
  
  transform:rotate(42deg);
}
.first-run-logo i{
  inset:15px;
  border:0;
  
  
}
.first-run-brand h1{
  margin:0;
  font-size:27px;
  font-weight:520;
  letter-spacing:.20em;
  transform:translateX(.10em);
}
.first-run-brand p{
  margin:8px 0 0;
  font-size:10px;
  letter-spacing:.12em;
  
}
.onboard-card{
  width:100%;
  min-height:330px;
  position:relative;
  overflow:hidden;
  padding:19px 18px 17px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  
  
}
.onboard-progress{
  height:2px;
  overflow:hidden;
  border-radius:999px;
  
  margin-bottom:20px;
}
.onboard-progress i{
  display:block;
  width:25%;
  height:100%;
  border-radius:inherit;
  
  transition:width .46s cubic-bezier(.2,.72,.2,1);
}
.onboard-head small{
  display:block;
  
  font-size:8px;
  letter-spacing:.16em;
  margin-bottom:7px;
}
.onboard-head h2{
  margin:0;
  font-size:19px;
  font-weight:520;
  letter-spacing:.025em;
}
.onboard-head p{
  margin:7px 0 0;
  
  font-size:10.5px;
  line-height:1.65;
}
.onboard-stage{
  position:relative;
  min-height:166px;
  margin-top:20px;
}
.onboard-step{
  display:none;
}
.onboard-step.active{
  display:block;
  animation:onboardStepIn .42s cubic-bezier(.18,.68,.22,1) both;
}
.onboard-step.leaving{
  display:block;
  position:absolute;
  inset:0;
  pointer-events:none;
  animation:onboardStepOut .22s ease both;
}
.onboard-label{
  display:block;
  
  font-size:10px;
  letter-spacing:.07em;
  margin-bottom:8px;
}
.onboard-label.spaced{margin-top:17px}
.onboard-label.centered{text-align:center}
.onboard-hint{
  
  text-align:center;
  font-size:9px;
  line-height:1.6;
  margin:-1px auto 14px;
  max-width:260px;
}
.onboard-input,
.onboard-date-grid select,
.onboard-time-grid select{
  width:100%;
  height:43px;
  
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  
  outline:none;
}
.onboard-input{
  padding:0 13px;
  font-size:12px;
}
.onboard-input:focus,
.onboard-date-grid select:focus,
.onboard-time-grid select:focus{
  
  
}
.onboard-choice{
  display:grid;
  gap:8px;
}
.onboard-choice.two-choice{grid-template-columns:1fr 1fr}
.onboard-choice button{
  height:40px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
  
  
  font-size:11px;
}
.onboard-choice button.active{
  
  
  
  
}
.onboard-date-grid{
  display:grid;
  grid-template-columns:1.26fr .86fr .86fr;
  gap:7px;
}
.onboard-date-grid>div,
.onboard-time-grid>div{
  position:relative;
}
.onboard-date-grid select,
.onboard-time-grid select{
  appearance:none;
  text-align:center;
  padding:0 23px 0 7px;
  font-size:12px;
}
.onboard-date-grid span,
.onboard-time-grid span{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  
  font-size:8px;
  pointer-events:none;
}
.onboard-time-symbol{
  text-align:center;
  
  font-size:26px;
  line-height:1;
  margin:2px 0 9px;
  opacity:.72;
}
.onboard-time-grid{
  width:min(250px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 12px 1fr;
  align-items:center;
  gap:7px;
}
.onboard-time-grid>b{
  
  font-size:17px;
  font-weight:400;
  text-align:center;
}
.onboard-lunar-options{
  margin-top:13px;
  border-top:1px solid rgba(255,255,255,.05);
}
.onboard-check{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:37px;
  
  font-size:9.5px;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.onboard-check input{accent-}
.onboard-review{
  margin-top:13px;
  padding:10px 11px;
  border-radius:12px;
  
  
  font-size:9px;
  line-height:1.7;
}
.onboard-review b{
  
  font-weight:500;
}
.onboard-actions{
  display:flex;
  gap:8px;
  margin-top:8px;
}
.onboard-actions button{
  height:41px;
  border-radius:13px;
  font-size:10.5px;
}
.onboard-back{
  width:78px;
  
  border:1px solid rgba(255,255,255,.065);
  
}
.onboard-next{
  flex:1;
  
  border:0;
  
  
}
.onboard-next:active,.onboard-back:active{transform:scale(.985)}
@keyframes firstRunEnter{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes onboardStepIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes onboardStepOut{
  from{opacity:1;transform:translateY(0)}
  to{opacity:0;transform:translateY(-7px)}
}



:scope,:scope{
  touch-action:manipulation;
  -webkit-text-size-adjust:100%;
  overscroll-behavior-y:none;
}
:scope{
  -webkit-user-select:none;
  user-select:none;
}
input,textarea,select{
  -webkit-user-select:text;
  user-select:text;
}
button,a,.nav,.quick-card,.wide-card,.mainline,.profile-row{
  -webkit-tap-highlight-
}
@supports (height: 100svh){
  .first-run{
    min-height:100svh;
  }
}
@media (min-height:820px){
  .first-run{
    padding-top:calc(env(safe-area-inset-top,0px) + clamp(26px,6vh,64px));
  }
}
@media (max-height:740px){
  .first-run{
    padding-top:calc(env(safe-area-inset-top,0px) + 14px);
    padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);
    overflow:auto;
  }
  .first-run-shell{
    gap:12px;
  }
  .first-run-logo{
    width:30px;
    height:30px;
    margin-bottom:5px;
  }
  .first-run-brand h1{
    font-size:22px;
  }
  .first-run-brand p{
    margin-top:5px;
    font-size:9px;
  }
  .onboard-card{
    min-height:296px;
    padding-top:15px;
  }
}
@media (max-height:660px){
  .first-run{
    padding-top:calc(env(safe-area-inset-top,0px) + 8px);
  }
  .first-run-brand{
    transform:scale(.94);
    transform-origin:top center;
  }
  .onboard-card{
    min-height:282px;
  }
}



.region-picker{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
}
.region-select{
  position:relative;
}
.region-select select{
  width:100%;
  height:43px;
  appearance:none;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  
  
  padding:0 23px 0 8px;
  font-size:10.5px;
  outline:none;
}
.region-select span{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  
  font-size:7.5px;
  pointer-events:none;
}
.solar-time-hint{
  min-height:18px;
  margin-top:7px;
  
  font-size:8.5px;
  line-height:1.55;
}
.solar-time-hint.resolved{
  
}
.solar-time-hint strong{
  
  font-weight:500;
}
.original-chart-section{
  display:flex;
  justify-content:flex-end;
  padding-top:3px!important;
  padding-bottom:2px!important;
}
.original-chart-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.055)!important;
  
  
  font-size:13px!important;
  line-height:1!important;
  opacity:.62;
}
.original-chart-btn:active{
  transform:scale(.93);
  opacity:.88;
}
.chart-palace{
  padding:12px 12px 11px;
}
.chart-palace-head{
  align-items:flex-start;
}
.chart-palace-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}
.chart-meta-chip{
  font-size:8px;
  padding:4px 6px;
  border-radius:8px;
  
  
}
.chart-star-group{
  margin-top:10px;
}
.chart-star-group>small{
  display:block;
  margin-bottom:5px;
  
  font-size:7.5px;
  letter-spacing:.08em;
}
.chart-star-group .stars{
  margin-top:0;
}
.self-transform{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.045);
}
.self-transform-title{
  
  font-size:7.5px;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.self-transform-list{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.self-transform-chip{
  font-size:8px;
  padding:5px 7px;
  border-radius:9px;
  
  
}
.self-transform-chip.out{
  
  
}
.self-transform-chip.in{
  
  
}
@media(max-width:370px){
  .region-picker{gap:5px}
  .region-select select{font-size:9.5px;padding-left:6px}
}



.toast{
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 86px)!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  max-width:calc(100vw - 36px);
  text-align:center;
  z-index:9999;
}
:scope.first-run-mode .toast{
  bottom:calc(env(safe-area-inset-bottom,0px) + 26px)!important;
}


.region-select.region-empty{
  opacity:.52;
}
.region-select.region-empty select{
  cursor:default;
  
}



:scope,:scope,.app,.page,.sheet,#detailBody,#chartModalBody,.first-run{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
:scope::-webkit-scrollbar,
:scope::-webkit-scrollbar,
.app::-webkit-scrollbar,
.page::-webkit-scrollbar,
.sheet::-webkit-scrollbar,
#detailBody::-webkit-scrollbar,
#chartModalBody::-webkit-scrollbar,
.first-run::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}









:scope,:scope{
  scroll-behavior:auto;
}
:scope,.page,#detailBody,#chartModalBody,.first-run{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}
:scope:not(.first-run-mode){
  touch-action:pan-y;
}
.page{
  contain:layout style;
}
@media (max-width:600px){
  .profile-row,.mirror-profile-card,.form-card,.profile-form-toolbar,
  .profile-swipe-actions button,.add-profile-btn{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .mirror-profile-card,.form-card,.add-profile-btn{
    
  }
}


#profilePage.profile-form-mode #savedProfile,
#profilePage.profile-form-mode #originalChartSection{
  display:none!important;
}
#profilePage.profile-form-mode{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px);
}


#profilePage #profileFormCard{
  padding:14px 13px 13px;
  border-radius:18px;
  max-width:100%;
}
#profilePage #profileFormCard .profile-form-toolbar{
  min-height:25px;
  margin-bottom:7px;
}
#profilePage #profileFormCard .form-title{
  margin-bottom:11px;
}
#profilePage #profileFormCard .form-title h2{
  font-size:17px;
  margin-top:5px;
  
  opacity:1;
}
#profilePage #profileFormCard .form-title p{
  margin-top:5px;
  font-size:9px;
  line-height:1.55;
}
#profilePage #profileFormCard .segment{
  min-height:34px;
  margin-bottom:10px;
}
#profilePage #profileFormCard .segment button{
  min-height:32px;
  font-size:9.5px;
}
#profilePage #profileFormCard .fields{
  gap:8px;
}
#profilePage #profileFormCard .field{
  margin:0;
}
#profilePage #profileFormCard .field label{
  margin-bottom:5px;
  font-size:8.5px;
}
#profilePage #profileFormCard .field input,
#profilePage #profileFormCard .field select,
#profilePage #profileFormCard .picker-mini select,
#profilePage #profileFormCard .region-select select{
  min-height:37px;
  height:37px;
  border-radius:11px;
}
#profilePage #profileFormCard .birth-picker-grid,
#profilePage #profileFormCard .region-picker{
  gap:5px;
}
#profilePage #profileFormCard .two{
  gap:7px;
}
#profilePage #profileFormCard .toggle-line{
  min-height:35px;
  padding:7px 1px;
  font-size:9px;
}
#profilePage #profileFormCard #generateBtn{
  height:39px;
  margin-top:10px;
  border-radius:12px;
  font-size:10.5px;
}
#profilePage #profileFormCard .form-note{
  margin-top:8px;
  font-size:8.5px;
}


.profile-add-area{
  margin-top:10px;
}
.add-profile-btn{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:9px 13px;
  border-radius:15px;
  border:1px dashed rgba(167,197,235,.15);
  
  
  text-align:left;
}
.add-profile-btn.hidden{display:none!important}
.add-profile-plus{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  border-radius:50%;
  
  
  font-size:16px;
  font-weight:300;
}
.add-profile-btn b{
  display:block;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.03em;
}
.add-profile-btn small{
  display:block;
  margin-top:3px;
  
  font-size:7.5px;
  font-weight:400;
}
.add-profile-btn:active{
  transform:scale(.99);
  
}


.profile-grid{
  display:grid;
  gap:8px;
}
.mirror-profile-wrap{
  position:relative;
  overflow:hidden;
  border-radius:15px;
  isolation:isolate;
  
}
.profile-swipe-actions{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  width:124px;
  display:grid;
  grid-template-columns:62px 62px;
  opacity:0;
  visibility:hidden;
  transition:opacity .14s ease,visibility 0s linear .14s;
  pointer-events:none;
}
.mirror-profile-wrap.swiped .profile-swipe-actions{
  opacity:1;
  visibility:visible;
  transition:opacity .14s ease;
  pointer-events:auto;
}
.profile-swipe-actions button{
  border:0;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  
  font-size:9.5px;
  letter-spacing:.03em;
}
.profile-swipe-actions .edit{
  
  
}
.profile-swipe-actions .delete{
  
  
}
.profile-swipe-actions .edit::before{
  content:"✎";
  font-size:13px;
  opacity:.82;
}
.profile-swipe-actions .delete::before{
  content:"×";
  font-size:15px;
  opacity:.86;
}
.mirror-profile-wrap .mirror-profile-card{
  width:100%;
  margin:0;
  position:relative;
  z-index:2;
  
  
  transition:transform .22s cubic-bezier(.22,.72,.22,1);
  touch-action:pan-y;
  will-change:auto;
}
.mirror-profile-wrap.swiped .mirror-profile-card{
  transform:translate3d(-124px,0,0);
}



#profilePage #profileFormCard .field > label,
#profilePage #profileFormCard .field-label,
#profilePage #profileFormCard .picker-label,
#profilePage #profileFormCard .gender-label{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  
  font-size:9px!important;
  line-height:1.35!important;
  letter-spacing:.05em!important;
  margin:0 0 6px!important;
}
#profilePage #profileFormCard .birth-picker-grid select,
#profilePage #profileFormCard .time-picker-grid select,
#profilePage #profileFormCard .region-select select,
#profilePage #profileFormCard input,
#profilePage #profileFormCard select{
  
  -webkit-text-fill-
  
}
#profilePage #profileFormCard select option{
  
  
}
#profilePage #profileFormCard .birth-picker-grid span,
#profilePage #profileFormCard .time-picker-grid span,
#profilePage #profileFormCard .picker-mini span,
#profilePage #profileFormCard .region-select span{
  
  opacity:1!important;
}
#profilePage #profileFormCard .segment button{
  
}
#profilePage #profileFormCard .segment button.active{
  
}



.mirror-profile-wrap{
  
}
.mirror-profile-wrap .mirror-profile-card{
  
  
  border:1px solid rgba(176,201,235,.09)!important;
}
.mirror-profile-wrap .mirror-profile-card.active{
  
  
}
.mirror-profile-wrap .profile-avatar{
  
}


.profile-swipe-actions{
  gap:6px;
  padding:4px 0 4px 6px;
  
}
.profile-swipe-actions button{
  width:auto;
  min-width:58px;
  margin:0;
  border-radius:12px;
  
  
}
.profile-swipe-actions .edit{
  
  border:1px solid rgba(115,169,231,.28)!important;
}
.profile-swipe-actions .delete{
  
  border:1px solid rgba(214,108,118,.25)!important;
}
.profile-swipe-actions .edit::before{
  
}
.profile-swipe-actions .delete::before{
  
}


.profile-add-area{
  position:fixed;
  left:50%;
  bottom:calc(env(safe-area-inset-bottom,0px) + 76px);
  transform:translateX(-50%);
  z-index:42;
  width:auto;
  margin:0!important;
  pointer-events:none;
}
.profile-add-area .add-profile-btn{
  pointer-events:auto;
}
.add-profile-btn{
  width:auto!important;
  min-width:154px;
  min-height:38px!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(157,190,230,.12)!important;
  
  
  
  justify-content:center!important;
  text-align:center!important;
}
.add-profile-btn .add-profile-plus{
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
  
}
.add-profile-btn small{
  display:none!important;
}
#profilePage.profile-form-mode .profile-add-area{
  display:none!important;
}




.profile-add-area{
  position:fixed!important;
  left:50%!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;
  transform:translateX(-50%)!important;
  z-index:52!important;
  width:auto!important;
  margin:0!important;
}
.profile-add-area .add-profile-btn{
  min-width:150px!important;
}


.original-chart-section{
  position:fixed!important;
  right:12px!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;
  z-index:53!important;
  padding:0!important;
  margin:0!important;
  width:auto!important;
}
.original-chart-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}



.mirror-profile-wrap{
  overflow:hidden!important;
}
.profile-swipe-actions{
  right:6px!important;
  width:124px!important;
  padding:5px 0 5px 6px!important;
  gap:6px!important;
  box-sizing:border-box!important;
}
.profile-swipe-actions button{
  box-sizing:border-box!important;
  min-width:56px!important;
  width:56px!important;
  border-radius:11px!important;
}
.profile-swipe-actions .delete{
  margin-right:0!important;
  border:1px solid rgba(214,108,118,.34)!important;
}
.profile-swipe-actions .edit{
  border:1px solid rgba(115,169,231,.34)!important;
}
.mirror-profile-wrap .mirror-profile-card{
  transition:transform .30s cubic-bezier(.22,.8,.2,1)!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}
.mirror-profile-wrap.swiped .mirror-profile-card{
  transform:translate3d(-130px,0,0)!important;
}


#profilePage.profile-form-mode .profile-add-area,
#profilePage.profile-form-mode #originalChartSection{
  display:none!important;
}



#homePage .mirror-dashboard{
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border:1px solid rgba(255,255,255,.105)!important;
  
}
#homePage .mirror-dashboard::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  
  
}
#homePage .mirror-caption>span{
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#homePage .domain-overview{
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#homePage .domain-matrix{
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border:1px solid rgba(255,255,255,.09)!important;
  
}
#homePage .domain-matrix button{
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#homePage .domain-matrix button:hover,
#homePage .domain-matrix button:active,
#homePage .axis-item:hover,
#homePage .axis-item:active{
  
}



:scope.raw-chart-page-active .bottom,
:scope.raw-chart-page-active #profileBottomTools{
  display:none!important;
}
:scope.raw-chart-page-active .app{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
}
.raw-chart-page{
  padding-bottom:0;
  height:var(--raw-chart-page-height,calc(var(--app-vh,100lvh) - 110px));
  overflow:hidden;
}
.raw-chart-page-shell{
  width:min(100%,760px);
  height:100%;
  margin:0 auto;
  overflow:hidden;
}
.raw-chart-page-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin:2px 0 8px;
  padding:2px 1px 4px;
}
.raw-chart-page-head small,
.raw-chart-page-head h2,
.raw-chart-page-head p,
.raw-chart-pro-tag{display:none!important;}
:scope.raw-chart-page-active .brand .logo{display:none;}
:scope.raw-chart-page-active .brand{display:none!important;}
:scope.raw-chart-page-active .brand-left{gap:8px;}
:scope.raw-chart-page-active .brand h1{letter-spacing:.08em;}
:scope.raw-chart-page-active .brand p{display:none;}
.raw-chart-page-head{display:none!important;}
.raw-chart-back{
  width:34px;
  height:34px;
  border:1px solid rgba(166,202,237,.10);
  border-radius:50%;
  
  
  font-size:25px;
  line-height:28px;
}
.raw-chart-pro-tag{
  padding:5px 8px;
  border:1px solid rgba(159,197,232,.10);
  border-radius:999px;
  
  font-size:7px;
  white-space:nowrap;
}
.raw-chart-page-:scope{display:block;height:100%;overflow:hidden}
.raw-chart-page-title{font-size:18px;font-weight:650;letter-spacing:.08em;}
.raw-chart-loading{
  min-height:220px;
  display:grid;
  place-items:center;
  
  font-size:9px;
}
.raw-pro-card{
  border:1px solid rgba(151,188,224,.085);
  border-radius:17px;
  
  
}
.raw-chart-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
}
.raw-chart-meta>div{
  min-height:48px;
  padding:9px 8px;
  border-right:1px solid rgba(255,255,255,.038);
  border-bottom:1px solid rgba(255,255,255,.038);
}
.raw-chart-meta>div:nth-child(4n){border-right:0}
.raw-chart-meta small{
  display:block;
  
  font-size:6.5px;
  letter-spacing:.08em;
}
.raw-chart-meta b{
  display:block;
  margin-top:4px;
  overflow:hidden;
  
  font-size:9px;
  font-weight:530;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.raw-fortune-control{
  padding:10px;
}
.raw-fortune-control-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:7px;
}
.raw-fortune-control input,
.raw-fortune-control select{
  width:100%;
  height:34px;
  min-width:0;
  border:1px solid rgba(151,188,224,.09);
  border-radius:9px;
  
  
  padding:0 9px;
  outline:none;
  font-size:8px;
}
.raw-scope-tabs{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:4px;
  margin-top:8px;
}
.raw-scope-tab{
  height:33px;
  padding:0 3px;
  border:1px solid rgba(151,188,224,.07);
  border-radius:9px;
  
  
  font-size:7.5px;
}
.raw-scope-tab.active{
  
  
  
  
}
.raw-fortune-overview{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  margin-top:8px;
}
.raw-fortune-mini{
  min-width:0;
  padding:7px 5px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:9px;
  
  
  text-align:center;
}
.raw-fortune-mini small{display:block;font-size:6.2px;}
.raw-fortune-mini b{display:block;margin-top:3px;font-size:8px;font-weight:540}
.raw-fortune-mini span{display:block;margin-top:3px;font-size:5.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raw-fortune-mini.active{}
.raw-astrolabe-card{
  position:relative;
  padding:7px;
  overflow:hidden;
}
.raw-astrolabe-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:3px 2px 8px;
}
.raw-astrolabe-toolbar>div small{display:block;font-size:6.5px;letter-spacing:.12em}
.raw-astrolabe-toolbar>div b{display:block;margin-top:3px;font-size:9px;font-weight:540}
.raw-chart-legend{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;font-size:6px}
.raw-chart-legend i{display:inline-block;width:13px;height:0;border-top:1px dashed #6d9cc5;vertical-align:middle;margin-right:3px}
.raw-chart-legend i.opp{}
.raw-chart-legend i.fly{border-top-style:solid;}
.raw-astrolabe-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(4,minmax(0,1fr));
  width:100%;
  flex:1 1 auto;
  min-height:0;
  height:100%;
  gap:4px;
  isolation:isolate;
}
.raw-palace{
  position:relative;
  z-index:3;
  min-width:0;
  min-height:0;
  height:auto;
  padding:4px 4px 39px;
  border:1px solid rgba(151,188,224,.09);
  border-radius:11px;
  
  
  overflow:visible;
  text-align:left;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.raw-palace{contain:layout paint style;}
.raw-palace.active{
  
  
  
}
.raw-palace.fly-hit{
  
}
.raw-palace-head{display:none}
.raw-palace-tags{position:absolute;left:4px;top:4px;display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-start;max-width:24px;z-index:7}
.raw-palace-tag{
  padding:2px 4px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:999px;
  
  font-size:5.5px;
  line-height:1.2;
}
.raw-palace-tag.cycle{}
.raw-palace-tag.life{}
.raw-palace-tag.flow{}
.raw-star-section{margin-top:4px}
.raw-star-list{display:flex;flex-wrap:wrap;gap:3px 4px;align-items:flex-start}
.raw-star-item{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  min-width:18px;
  padding:0 1px;
  
  font-size:10.1px;
  line-height:1;
  white-space:nowrap;
  border-radius:8px;
  flex:0 0 auto;
}
.raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-weight:670;font-size:13.8px}
.raw-star-item.minor{}
.raw-star-item.dynamic{font-size:8.1px;font-weight:590}
.raw-star-item.small{font-weight:620}
.raw-star-name{
  display:inline-block;
  writing-mode:vertical-rl;
  text-orientation:upright;
  letter-spacing:0;
  line-height:1;
  white-space:nowrap;
  padding:0 1px;
  border-radius:3px;
  box-sizing:border-box;
}
.raw-star-item.major .raw-star-name{}
.raw-star-item.star-benefic .raw-star-name{}
.raw-star-item.star-malefic .raw-star-name{}
.raw-star-item.star-peach .raw-star-name{}
.raw-star-item.star-other .raw-star-name{}
.raw-star-item.dynamic .raw-star-name{}
.raw-star-bright{
  display:inline-block;
  padding:0;
  
  font-size:7.5px;
  font-style:normal;
  font-weight:600;
  line-height:1;
  writing-mode:vertical-rl;
  text-orientation:upright;
  opacity:.78;
}
.raw-star-item.flight-hit .raw-star-name{border:none;}
.raw-star-item.flight-hit.flight-lu .raw-star-name{}
.raw-star-item.flight-hit.flight-quan .raw-star-name{}
.raw-star-item.flight-hit.flight-ke .raw-star-name{}
.raw-star-item.flight-hit.flight-ji .raw-star-name{}
.raw-star-bright.strong,.raw-star-bright.good,.raw-star-bright.flat,.raw-star-bright.weak{border:0;opacity:.7}
.raw-mutagen{
  min-width:13px;
  height:13px;
  padding:0 3px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  font-size:5.2px;
}
.raw-mutagen.lu{}
.raw-mutagen.quan{}
.raw-mutagen.ke{}
.raw-mutagen.ji{}
.raw-mutagen-row{
  display:flex;
  flex-wrap:nowrap;
  gap:2px;
  align-items:center;
  min-height:16px;
  overflow:hidden;
  margin-top:1px;
  transform-origin:left top;
  padding-right:26px;
}
.raw-transform-star{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  border-radius:4px;
  font-size:8px;
  line-height:1;
  border:1px solid rgba(255,255,255,.14);
  
  
  flex:0 0 15px;
}
.raw-transform-star em{font-style:normal;font-size:8px;opacity:.95}
.raw-transform-star span{display:none}
.raw-transform-star.native{}
.raw-transform-star.decadal{}
.raw-transform-star.yearly{}
.raw-transform-star.monthly{}
.raw-transform-star.daily{}
.raw-transform-star.hourly{}
.raw-self-arrows{position:absolute;inset:0;pointer-events:none;z-index:12}
.raw-self-arrow{
  position:absolute;
  display:grid;
  place-items:center;
  width:14px;
  height:14px;
  font-size:10px;
  font-weight:700;
  line-height:1;
  
  opacity:.95;
}
.raw-self-arrow.lu{}
.raw-self-arrow.quan{}
.raw-self-arrow.ke{}
.raw-self-arrow.ji{}
.raw-center-layer{
  position:absolute;
  z-index:1;
  left:25%;top:25%;width:50%;height:50%;
  pointer-events:none;
}
.raw-center-svg{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  overflow:visible;
}
.raw-center-triad{fill:none;stroke:rgba(95,166,222,.46);stroke-width:.65;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.raw-center-opposite{stroke:rgba(155,184,209,.42);stroke-width:.65;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.raw-center-fly{stroke-width:.65;vector-effect:non-scaling-stroke;opacity:.60}
.raw-center-fly.lu{stroke:#7fae83}.raw-center-fly.quan{stroke:#b89a6c}.raw-center-fly.ke{stroke:#79a7c2}.raw-center-fly.ji{stroke:#a56f78}
.raw-fly-label{font-size:3.2px;fill:#748ca5;text-anchor:middle;dominant-baseline:middle}
.raw-center-core{
  position:absolute;
  z-index:2;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:104px;
  min-height:58px;
  padding:8px 7px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(126,177,220,.08);
  border-radius:14px;
  
  
}
.raw-center-core small{font-size:5.5px;letter-spacing:.10em}
.raw-center-core b{margin-top:3px;font-size:10px;font-weight:570}
.raw-center-core span{margin-top:3px;font-size:5.7px;line-height:1.45}
.raw-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.raw-detail-card{padding:10px}
.raw-detail-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:7px}
.raw-detail-card-head small{display:block;font-size:6px;letter-spacing:.12em}
.raw-detail-card-head b{display:block;margin-top:3px;font-size:9px;font-weight:550}
.raw-detail-card-head span{font-size:6.5px}
.raw-transform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.raw-transform-item{
  min-width:0;
  padding:7px;
  border:1px solid rgba(255,255,255,.04);
  border-radius:8px;
  
}
.raw-transform-item small{display:block;font-size:5.5px}
.raw-transform-item b{display:block;margin-top:3px;font-size:7.5px;font-weight:540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.raw-transform-item span{display:block;margin-top:3px;font-size:5.7px}
.raw-technical-note{padding:9px 10px;font-size:6.5px;line-height:1.65}

.raw-palace-foot{
  position:absolute;
  left:4px;
  right:4px;
  bottom:3px;
  min-height:18px;
  pointer-events:none;
  z-index:3;
}
.raw-palace-meta{
  position:absolute;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:1px;
  min-width:14px;
}
.raw-palace-stembranch{
  position:static;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  
  font-size:8.4px;
  font-weight:650;
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}
.raw-palace-stembranch em{font-style:normal;display:block;line-height:1;}
.raw-palace-name{
  position:absolute;
  left:26px;
  right:18px;
  bottom:0;
  transform:none;
  width:auto;
  text-align:center;
  
  font-size:9.8px;
  font-weight:760;
  line-height:1.05;
  letter-spacing:.04em;
}
.raw-palace-changsheng{
  position:static;
  
  font-size:6.2px;
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}
.raw-palace-stars{display:block;position:absolute;left:4px;right:4px;top:0;bottom:18px;z-index:2;overflow:hidden;padding-top:0}
.raw-stars-row{display:flex;flex-wrap:nowrap;gap:2px;align-items:flex-start;align-content:flex-start;overflow:hidden;white-space:nowrap;justify-content:flex-start;transform-origin:left top}
.raw-center-core{
  width:126px;
  min-height:88px;
  padding:8px 7px;
  
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.raw-center-meta{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:3px;
  margin-bottom:4px;
}
.raw-center-meta span{
  display:block;
  min-width:0;
  
  font-size:5.2px;
  line-height:1.1;
}
.raw-center-meta b{
  display:block;
  margin-top:2px;
  
  font-size:6.2px;
  font-weight:560;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.raw-center-core small{font-size:5.4px}
.raw-center-core b{font-size:9.2px;line-height:1.2}
.raw-center-core span{font-size:5.4px;line-height:1.35}
.raw-chart-bottom-controls{margin-top:8px;flex:0 0 auto}
.raw-chart-bottom-controls .raw-fortune-control{padding:8px 8px;border:1px solid rgba(151,188,224,.085);border-radius:15px}
.raw-chart-bottom-controls .raw-fortune-control-top{grid-template-columns:minmax(0,1fr) 106px}

.raw-astrolabe-card{height:100%;display:flex;flex-direction:column;overflow:hidden;contain:layout paint style}
.raw-fortune-matrix{
  border:1px solid rgba(148,188,226,.09);
  border-radius:14px;
  overflow:hidden;
  
  contain:layout paint;
}
.raw-fortune-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  min-height:36px;
  border-bottom:1px solid rgba(155,192,227,.075);
}
.raw-fortune-row:last-child{border-bottom:0}
.raw-fortune-label{
  display:grid;
  place-items:center;
  align-content:center;
  gap:1px;
  border-right:1px solid rgba(155,192,227,.09);
  
  font-size:8px;
  font-weight:620;
  letter-spacing:.03em;
  
  text-align:center;
}
.raw-fortune-label small{font-size:5.5px;font-weight:500;letter-spacing:0}
.raw-fortune-strip-wrap{position:relative;min-width:0;overflow:hidden}
.raw-fortune-strip{
  height:100%;
  display:flex;
  align-items:stretch;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.raw-fortune-strip::-webkit-scrollbar{display:none;width:0;height:0}
.raw-fortune-grid10{
  display:flex;
  min-width:max(100%,460px);
  flex:1 0 auto;
}
.raw-fortune-grid10>.raw-fortune-cell{flex:0 0 10%;min-width:46px}
.raw-fortune-grid10>.raw-fortune-empty{flex:1 0 100%}
.raw-fortune-cell{
  min-width:0;
  min-height:36px;
  padding:3px 3px;
  border:0;
  border-right:1px solid rgba(154,191,225,.07);
  
  
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  text-align:center;
  scroll-snap-align:start;
}
.raw-fortune-cell:last-child{border-right:0}
.raw-fortune-cell b{font-size:7.4px;font-weight:610;line-height:1.05;white-space:nowrap}
.raw-fortune-cell small{font-size:5.5px;line-height:1.05;white-space:nowrap}
.raw-fortune-cell em{font-style:normal;font-size:5.4px;line-height:1.05;white-space:nowrap}
.raw-fortune-cell.active{
  
  
}
.raw-fortune-cell.active b{}
.raw-fortune-cell:disabled{opacity:.32}
.raw-fortune-next{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:28px;
  border:0;
  border-left:1px solid rgba(154,191,225,.08);
  
  
  font-size:18px;
  z-index:2;
  display:grid;
  place-items:center;
}
.raw-fortune-next.hidden{display:none}
.raw-fortune-day-row{grid-template-rows:repeat(3,1fr);min-height:88px}
.raw-fortune-day-:scope{display:grid;grid-template-rows:repeat(3,1fr);min-width:0}
.raw-fortune-day-line{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));border-bottom:1px solid rgba(154,191,225,.065)}
.raw-fortune-day-line:last-child{border-bottom:0}
.raw-fortune-day-line .raw-fortune-cell{min-height:29px;padding:2px}
.raw-fortune-empty{display:grid;place-items:center;min-height:36px;font-size:6px}
.raw-fortune-month .raw-fortune-cell,.raw-fortune-hour .raw-fortune-cell{min-height:33px}
.raw-chart-bottom-controls{margin-top:6px}
.raw-chart-bottom-controls .raw-fortune-control{padding:0;border:0;border-radius:0}
@media(max-width:520px){
  .raw-chart-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .raw-chart-meta>div:nth-child(4n){border-right:1px solid rgba(255,255,255,.038)}
  .raw-chart-meta>div:nth-child(2n){border-right:0}
  .raw-fortune-control-top{grid-template-columns:minmax(0,1fr) 103px}
  .raw-scope-tabs{gap:3px}
  .raw-scope-tab{font-size:6.8px;height:31px}
  .raw-fortune-overview{gap:3px}
  .raw-fortune-mini{padding:6px 3px}
  .raw-astrolabe-grid{gap:3px}
  .raw-palace{padding:4px 3px 35px;border-radius:9px}
  .raw-star-item.major{font-size:11px}
  .raw-star-item.minor{font-size:9.6px}
  .raw-star-item.small{font-size:9.2px}
  .raw-star-item{font-size:9px;min-width:13px}
  .raw-star-bright{font-size:6.5px}
  .raw-detail-grid{grid-template-columns:1fr}
  .raw-center-core{width:112px;min-height:82px;padding:7px 5px}
  .raw-center-meta{grid-template-columns:1fr;gap:2px}
  .raw-center-meta span,.raw-center-meta b{font-size:5.4px}
  .raw-palace-stembranch{font-size:8px}
  .raw-palace-name{font-size:7.1px}
  .raw-fortune-row{grid-template-columns:43px minmax(0,1fr)}
  .raw-fortune-label{font-size:7.5px}
  .raw-fortune-grid10{min-width:max(100%,420px)}
  .raw-fortune-grid10>.raw-fortune-cell{min-width:42px}
  .raw-fortune-cell b{font-size:7px}
  .raw-fortune-cell small,.raw-fortune-cell em{font-size:5.2px}
  .raw-fortune-next{width:25px;font-size:17px}
}


:scope.raw-chart-page-active{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
:scope.raw-chart-page-active .app{height:var(--app-vh,100lvh)!important;min-height:var(--app-vh,100lvh)!important;overflow:hidden!important}
:scope.raw-chart-page-active .top{margin-bottom:5px!important;padding-bottom:5px!important}
#chartPage.raw-chart-page,.raw-chart-page-shell,.raw-chart-page-:scope{overflow:hidden!important;overscroll-behavior:none!important}
.raw-astrolabe-card{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:5px!important;height:100%!important;min-height:0!important;padding:5px!important;overflow:visible!important}
#rawAstrolabeGrid{min-height:0!important;height:100%!important;overflow:visible!important}
#rawFortuneHost{min-height:0!important;align-self:end!important}
.raw-chart-bottom-controls{margin:0!important}
.raw-palace{transition:none!important;touch-action:manipulation!important}
.raw-palace.active{}
.raw-fortune-strip{touch-action:pan-x!important;scroll-behavior:auto!important}
.raw-fortune-cell,.raw-fortune-next{transition:none!important;touch-action:manipulation!important}
.raw-fortune-row{min-height:34px!important}
.raw-fortune-decade,.raw-fortune-year{min-height:39px!important}
.raw-fortune-month,.raw-fortune-hour{min-height:34px!important}
.raw-fortune-day-row{min-height:82px!important}
.raw-fortune-cell{min-height:34px!important;padding:3px 2px!important;gap:2px!important}
.raw-fortune-cell b{font-size:7.7px!important;line-height:1.02!important}
.raw-fortune-cell small{font-size:6.1px!important;line-height:1.02!important;}
.raw-fortune-decade .raw-fortune-cell b,.raw-fortune-year .raw-fortune-cell b{font-size:7.9px!important}
.raw-fortune-day-line .raw-fortune-cell{min-height:27px!important;padding:1px 2px!important}
.raw-fortune-day-line .raw-fortune-cell b{font-size:6.8px!important;font-weight:540!important}
.raw-fortune-cell.childhood{opacity:.74!important}
@media(max-height:720px){
  .raw-fortune-row{min-height:31px!important}
  .raw-fortune-decade,.raw-fortune-year{min-height:36px!important}
  .raw-fortune-month,.raw-fortune-hour{min-height:31px!important}
  .raw-fortune-day-row{min-height:75px!important}
  .raw-fortune-day-line .raw-fortune-cell{min-height:24px!important}
  .raw-palace{padding-top:3px!important;padding-bottom:32px!important}
}


:scope.raw-chart-page-active .top{margin-bottom:2px!important;padding-bottom:2px!important}
.raw-astrolabe-card{grid-template-rows:minmax(0,1fr) auto!important;gap:2px!important;padding:3px!important}
#rawFortuneHost{align-self:end!important;margin:0!important;padding:0!important}
.raw-chart-bottom-controls,.raw-chart-bottom-controls .raw-fortune-control{margin:0!important;padding:0!important}
.raw-fortune-matrix{border-radius:10px!important}
.raw-fortune-row{grid-template-columns:38px minmax(0,1fr)!important;min-height:27px!important}
.raw-fortune-label{font-size:6.9px!important;line-height:1!important}
.raw-fortune-label small{font-size:4.7px!important}
.raw-fortune-decade,.raw-fortune-year{min-height:32px!important}
.raw-fortune-month,.raw-fortune-hour{min-height:27px!important}
.raw-fortune-day-row{min-height:62px!important}
.raw-fortune-cell{min-height:27px!important;padding:1px 2px!important;gap:1px!important}
.raw-fortune-cell b{font-size:6.8px!important;line-height:1!important}
.raw-fortune-cell small{font-size:5.1px!important;line-height:1!important}
.raw-fortune-cell em{font-size:4.8px!important;line-height:1!important}
.raw-fortune-decade .raw-fortune-cell b,.raw-fortune-year .raw-fortune-cell b{font-size:7px!important}
.raw-fortune-day-line .raw-fortune-cell{min-height:20px!important;padding:0 1px!important}
.raw-fortune-day-line .raw-fortune-cell b{font-size:5.9px!important}
.raw-fortune-next{width:21px!important;font-size:15px!important}
.raw-fortune-grid10{min-width:max(100%,410px)!important}
.raw-fortune-grid10>.raw-fortune-cell{min-width:40px!important}
.raw-fortune-cell.childhood{opacity:1!important}
.raw-palace{padding-top:3px!important}
@media(max-height:720px){
  .raw-fortune-row{min-height:25px!important}
  .raw-fortune-decade,.raw-fortune-year{min-height:29px!important}
  .raw-fortune-month,.raw-fortune-hour{min-height:25px!important}
  .raw-fortune-day-row{min-height:56px!important}
  .raw-fortune-day-line .raw-fortune-cell{min-height:18px!important}
  .raw-fortune-cell b{font-size:6.3px!important}
  .raw-fortune-cell small{font-size:4.8px!important}
}



:scope{--raw-fortune-fixed-h:188px;}
:scope.raw-chart-page-active .app{
  overflow:hidden!important;
}
#chartPage.raw-chart-page,
.raw-chart-page-shell,
.raw-chart-page-:scope{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.raw-astrolabe-card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:2px!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:3px!important;
  contain:layout paint style!important;
}
#rawAstrolabeGrid{
  min-height:0!important;
  height:100%!important;
  overflow:visible!important;
  contain:layout paint style!important;
}
#rawFortuneHost{
  position:relative!important;
  align-self:stretch!important;
  width:100%!important;
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  contain:layout paint style!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-matrix{
  display:grid!important;
  grid-template-rows:31px 31px 25px 61px 25px!important;
  overflow:hidden!important;
  border-radius:9px!important;
}
#rawFortuneHost .raw-fortune-row{
  min-height:0!important;
  height:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-decade,
#rawFortuneHost .raw-fortune-year,
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-day-row,
#rawFortuneHost .raw-fortune-hour{
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost .raw-fortune-strip-wrap,
#rawFortuneHost .raw-fortune-strip,
#rawFortuneHost .raw-fortune-grid10,
#rawFortuneHost .raw-fortune-day-:scope{
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:1px 2px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
}
#rawFortuneHost .raw-fortune-day-line{
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:0 1px!important;
}
#rawFortuneHost .raw-fortune-empty{
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost .raw-fortune-label{font-size:7.7px!important;
  min-height:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-cell b{font-size:7.2px!important;line-height:1.02!important}
#rawFortuneHost .raw-fortune-cell small{font-size:5.4px!important;line-height:1.02!important}
#rawFortuneHost .raw-fortune-cell em{font-size:5.1px!important;line-height:1.02!important}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:6.3px!important}

:scope.raw-chart-page-active .app{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 3px)!important}
:scope.raw-chart-page-active .top{margin-bottom:0!important;padding-bottom:0!important;min-height:0!important}

#rawAstrolabeGrid.raw-astrolabe-grid{
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
}
.raw-palace{min-height:0!important;height:auto!important;overflow:hidden!important}
@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:158px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:28px 28px 24px 66px 24px!important}
  #rawFortuneHost .raw-fortune-cell b{font-size:6.3px!important}
  #rawFortuneHost .raw-fortune-cell small{font-size:4.7px!important}
  #rawFortuneHost .raw-fortune-cell em{font-size:4.4px!important}
}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:180px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:32px 32px 26px 74px 26px!important}
}



:scope{--raw-fortune-fixed-h:190px;}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:29px 29px 25px 80px 25px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:1px 0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:1px!important;
  border-bottom:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  min-width:0!important;
  height:100%!important;
  border:1px solid rgba(152,190,225,.055)!important;
  border-radius:4px!important;
  padding:1px 0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:6.8px!important;
  
}
#rawFortuneHost .raw-fortune-cell:disabled{
  opacity:.24!important;
  cursor:default!important;
  filter:none!important;
}
#rawFortuneHost .raw-fortune-cell.active{
  
  
  
}
.raw-cycle-role-tags{
  position:absolute;
  top:3px;
  right:3px;
  z-index:6;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:2px;
  max-width:72%;
  pointer-events:none;
}
.raw-cycle-role-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:12px;
  padding:0 3px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.07);
  font-size:5px;
  line-height:1;
  white-space:nowrap;
  
}
.raw-cycle-role-tag.decadal{}
.raw-cycle-role-tag.yearly{}
.raw-cycle-role-tag.monthly{}
.raw-cycle-role-tag.daily{}
.raw-cycle-role-tag.hourly{}
.raw-dynamic-side{position:absolute;top:28px;right:1px;bottom:18px;width:24px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;overflow:hidden;z-index:4;pointer-events:none}
.raw-dynamic-side .raw-cycle-stars-row{position:static;top:auto;right:auto;bottom:auto;max-height:none;width:100%}
.raw-palace-topmask{position:absolute;left:0;right:0;top:0;height:16px;pointer-events:none;z-index:1;display:none}

.raw-chart-page-head{display:none!important}
:scope.raw-chart-page-active .header-raw-back{display:none!important}
.raw-center-actions{display:flex;justify-content:center;width:100%;margin-top:5px}
.raw-center-return-btn{appearance:none;border:1px solid rgba(128,193,245,.14);font-size:6.6px;line-height:1;padding:4px 7px;border-radius:999px;cursor:pointer;pointer-events:auto;white-space:nowrap}
.raw-center-return-btn:active{transform:scale(.98)}
.raw-life-markers{display:none!important}
.raw-life-marker-stack{display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:flex-start}
.raw-life-marker{display:inline-flex;align-items:center;justify-content:center;min-width:19px;min-height:12px;padding:0 3px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:5px;line-height:1;white-space:nowrap}
.raw-life-marker.natal{}
.raw-life-marker.decadal{}
.raw-life-marker.yearly{}
.raw-life-marker.smalllimit{}
.raw-life-marker.monthly{}
.raw-life-marker.daily{}
.raw-life-marker.hourly{}
.raw-cycle-role-tags{position:absolute;left:1px;bottom:16px;z-index:8;pointer-events:none;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
.raw-cycle-role-stack{display:flex;flex-direction:column;gap:1px;align-items:flex-start;max-height:calc(100% - 6px)}.raw-cycle-role-tag{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:11px;padding:0 2px;border-radius:999px;border:1px solid rgba(255,255,255,.06);font-size:4.8px;line-height:1;white-space:nowrap;opacity:.66}.raw-cycle-role-tag.active{opacity:1;}

.raw-palace-stars{padding-top:0!important}
.raw-stars-row{min-height:31px!important;padding-right:26px!important}
.raw-cycle-stars-row{
  position:absolute;
  top:26px;
  right:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px;
  min-height:18px;
  max-height:calc(100% - 28px);
  overflow:hidden;
  white-space:nowrap;
  margin-top:0;
  transform-origin:right top;
}
.raw-cycle-star-item{
  display:inline-flex;
  align-items:flex-start;
  justify-content:center;
  flex:0 0 auto;
  min-width:11px;
  padding:0;
  font-size:6.7px;
  line-height:1;
  writing-mode:vertical-rl;
  text-orientation:upright;
  letter-spacing:0;
}
.raw-cycle-star-item.decadal{}
.raw-cycle-star-item.yearly{}
.raw-cycle-star-item.monthly{}
.raw-cycle-star-item.daily{}
.raw-cycle-star-item.hourly{}
.raw-cycle-stars-sep{display:none}
@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:178px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:27px 27px 24px 84px 24px!important}
  #rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:6.3px!important}
}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:196px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:30px 30px 26px 83px 27px!important}
}



:scope.raw-chart-page-active .top{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:none!important;}
:scope.raw-chart-page-active .app{padding-top:calc(env(safe-area-inset-top,0px) + 1px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1px)!important}
.raw-chart-page{height:var(--app-vh,100lvh)!important;padding:0!important}
.raw-chart-page-shell{width:100%!important;max-width:none!important;height:100%!important;margin:0 auto!important;padding:0 1px!important}
:scope{--raw-fortune-fixed-h:180px;}
.raw-pro-card{border-radius:18px!important}
.raw-astrolabe-card{grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;gap:1px!important;padding:1px 1px 0!important;border-radius:18px!important}
#rawAstrolabeGrid.raw-astrolabe-grid{gap:3px!important}
.raw-palace{padding:2px 3px 22px!important;border-radius:12px!important;}
.raw-palace-stars{left:3px!important;right:3px!important;top:3px!important;bottom:18px!important}
.raw-stars-row{min-height:30px!important;padding-right:34px!important;gap:2px!important}
.raw-star-item{min-width:18px!important;padding:0 1px!important}
.raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:13.8px!important}
.raw-star-item.dynamic{font-size:6.7px!important;font-weight:590!important}
.raw-star-name{padding:0 1px!important}
.raw-transform-star{width:12px!important;height:12px!important;flex:0 0 12px!important;border-radius:3px!important;font-size:6.2px!important;padding:0!important}
.raw-transform-star em{font-size:6.2px!important}
.raw-mutagen-row{min-height:13px!important;margin-top:0!important;padding-right:34px!important;gap:1px!important}
.raw-dynamic-side{top:24px!important;right:1px!important;bottom:18px!important;width:34px!important;align-items:stretch!important;overflow:hidden!important}
.raw-cycle-stars-row{position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:1px!important;width:100%!important;max-height:none!important;overflow:hidden!important}
.raw-cycle-star-scope{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:flex-start!important;gap:1px!important;min-height:9px!important;width:100%!important;overflow:hidden!important;transform-origin:right top!important}
.raw-cycle-star-item{min-width:8px!important;font-size:5.9px!important;line-height:1!important}
.raw-cycle-star-item.smalllimit{}
.raw-cycle-role-tags{left:1px!important;right:auto!important;top:auto!important;bottom:18px!important;max-width:18px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important}
.raw-cycle-role-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;max-height:none!important}
.raw-cycle-role-tag{min-width:17px!important;height:10px!important;padding:0 1px!important;font-size:4.6px!important}
.raw-palace-foot{left:3px!important;right:3px!important;bottom:2px!important;min-height:18px!important}
.raw-palace-name{left:20px!important;right:16px!important;bottom:0!important;font-size:10.1px!important;font-weight:770!important;}
.raw-palace-meta{right:0!important;bottom:0!important;min-width:14px!important}
.raw-palace-changsheng{font-size:6px!important;}
.raw-palace-stembranch{font-size:8.1px!important;}
.raw-life-marker-stack{align-items:flex-start!important}
.raw-life-marker{min-width:18px!important;min-height:11px!important;font-size:4.8px!important;padding:0 2px!important}
#rawFortuneHost{align-self:end!important;width:100%!important;height:var(--raw-fortune-fixed-h)!important;min-height:var(--raw-fortune-fixed-h)!important;max-height:var(--raw-fortune-fixed-h)!important;margin:0!important;padding:0!important}
#rawFortuneHost .raw-fortune-matrix{height:100%!important;grid-template-rows:25px 25px 22px 86px 22px!important;border-radius:10px!important}
#rawFortuneHost .raw-fortune-row{grid-template-columns:35px minmax(0,1fr)!important}
#rawFortuneHost .raw-fortune-label{font-size:7.2px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
#rawFortuneHost .raw-fortune-label small{font-size:4.9px!important}
#rawFortuneHost .raw-fortune-cell{padding:1px 1px!important;gap:1px!important;border-radius:4px!important}
#rawFortuneHost .raw-fortune-cell b{font-size:6.9px!important;line-height:1!important}
#rawFortuneHost .raw-fortune-cell small{font-size:4.9px!important;line-height:1!important}
#rawFortuneHost .raw-fortune-cell em{font-size:4.7px!important;line-height:1!important}
#rawFortuneHost .raw-fortune-day-row{min-height:86px!important}
#rawFortuneHost .raw-fortune-day-:scope{grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:1px!important;padding:1px 0!important}
#rawFortuneHost .raw-fortune-day-line{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:1px!important}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{min-height:0!important;height:100%!important;padding:0 1px!important}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:6.4px!important}
#rawFortuneHost .raw-fortune-next{width:18px!important;font-size:13px!important}
#rawFortuneHost .raw-fortune-grid10>.raw-fortune-cell{min-width:38px!important}
#rawFortuneHost .raw-fortune-grid10{min-width:max(100%,395px)!important}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:184px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:26px 26px 23px 87px 22px!important}
}
@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:168px;}
  .raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:12.8px!important}
  .raw-cycle-star-item{font-size:5.4px!important}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:23px 23px 20px 80px 20px!important}
  #rawFortuneHost .raw-fortune-cell b{font-size:6.3px!important}
  #rawFortuneHost .raw-fortune-cell small{font-size:4.4px!important}
  #rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:5.9px!important}
}



:scope.raw-chart-page-active .app{
  padding-top:max(env(safe-area-inset-top,0px), 2px)!important;
  padding-bottom:max(env(safe-area-inset-bottom,0px), 1px)!important;
}
.raw-chart-page,
.raw-chart-page-shell,
.raw-chart-page-:scope{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.raw-chart-page-shell{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
.raw-pro-card{
  border-radius:18px!important;
}
:scope{--raw-fortune-fixed-h:176px;}
.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:1px!important;
  padding:1px 0 0!important;
  border-radius:18px!important;
}
#rawAstrolabeGrid.raw-astrolabe-grid{
  gap:2px!important;
  margin-top:-1px!important;
}
.raw-palace{
  padding:3px 3px 22px!important;
  border-radius:12px!important;
}
.raw-palace-stars{
  left:3px!important;
  right:3px!important;
  top:4px!important;
  bottom:18px!important;
}
.raw-stars-row{
  min-height:28px!important;
  gap:2px!important;
  padding-right:36px!important;
  align-items:flex-start!important;
}
.raw-star-item{
  min-width:18px!important;
  padding:0 1px!important;
}
.raw-star-item.major,
.raw-star-item.minor,
.raw-star-item.small{
  font-size:13.8px!important;
  font-weight:670!important;
}
.raw-star-bright{
  font-size:7px!important;
  opacity:.72!important;
}
.raw-mutagen-row{
  min-height:12px!important;
  gap:1px!important;
  margin-top:1px!important;
  padding-right:36px!important;
}
.raw-transform-star{
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  min-width:11px!important;
  border-radius:3px!important;
  font-size:5.8px!important;
  line-height:1!important;
  padding:0!important;
}
.raw-transform-star em{
  font-size:5.8px!important;
  line-height:1!important;
}
.raw-dynamic-side{
  top:24px!important;
  right:1px!important;
  bottom:18px!important;
  width:34px!important;
  overflow:hidden!important;
}
.raw-cycle-stars-row{
  gap:1px!important;
  width:100%!important;
}
.raw-cycle-star-scope{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:1px!important;
  min-height:9px!important;
  width:100%!important;
  overflow:hidden!important;
  transform-origin:right top!important;
}
.raw-cycle-star-item{
  min-width:8px!important;
  font-size:5.7px!important;
  line-height:1!important;
}
.raw-cycle-role-tags{
  left:0!important;
  bottom:18px!important;
  gap:1px!important;
}
.raw-cycle-role-tag{
  min-width:17px!important;
  height:10px!important;
  padding:0 1px!important;
  font-size:4.6px!important;
}
.raw-palace-foot{
  left:3px!important;
  right:3px!important;
  bottom:2px!important;
  min-height:18px!important;
}
.raw-palace-name{
  left:20px!important;
  right:16px!important;
  bottom:0!important;
  font-size:10.2px!important;
  font-weight:770!important;
}
.raw-palace-changsheng{
  font-size:6px!important;
}
.raw-palace-stembranch{
  font-size:8px!important;
}
#rawFortuneHost{
  align-self:end!important;
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:24px 24px 20px 90px 18px!important;
  border-radius:10px!important;
}
#rawFortuneHost .raw-fortune-row{
  grid-template-columns:34px minmax(0,1fr)!important;
  min-height:0!important;
}
#rawFortuneHost .raw-fortune-decade,
#rawFortuneHost .raw-fortune-year,
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-day-row,
#rawFortuneHost .raw-fortune-hour{
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost .raw-fortune-label{
  font-size:7px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#rawFortuneHost .raw-fortune-label small{
  font-size:4.8px!important;
}
#rawFortuneHost .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:1px 1px!important;
  gap:1px!important;
  border-radius:4px!important;
}
#rawFortuneHost .raw-fortune-cell b{
  font-size:6.8px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-cell small{
  font-size:4.8px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-cell em{
  font-size:4.5px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-day-row{
  min-height:90px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:1px 0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  padding:0 1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:6.3px!important;
}
#rawFortuneHost .raw-fortune-grid10{min-width:max(100%,390px)!important}
#rawFortuneHost .raw-fortune-grid10>.raw-fortune-cell{min-width:37px!important}
#rawFortuneHost .raw-fortune-next{width:18px!important;font-size:13px!important}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:180px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:24px 24px 20px 94px 18px!important}
}
@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:166px;}
  .raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:12.8px!important}
  .raw-stars-row{min-height:26px!important;padding-right:34px!important}
  .raw-transform-star{width:10px!important;height:10px!important;flex-basis:10px!important}
  .raw-transform-star em{font-size:5.3px!important}
  .raw-cycle-star-item{font-size:5.3px!important}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:22px 22px 18px 86px 18px!important}
  #rawFortuneHost .raw-fortune-cell b{font-size:6.1px!important}
  #rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:5.8px!important}
}



:scope{--raw-fortune-fixed-h:170px;}
:scope.raw-chart-page-active .app{padding-top:max(env(safe-area-inset-top,0px), 1px)!important;padding-bottom:max(env(safe-area-inset-bottom,0px), 1px)!important}
.raw-chart-page-shell{padding:0!important}
.raw-pro-card{margin:0!important;border-radius:18px!important}
.raw-astrolabe-card{grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;padding:0!important;gap:0!important}
#rawAstrolabeGrid.raw-astrolabe-grid{gap:2px!important;margin-top:-2px!important}
.raw-palace{padding:3px 3px 22px!important;border-radius:12px!important}
.raw-palace-stars{left:3px!important;right:3px!important;top:6px!important;bottom:18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:1px!important}
.raw-stars-row{min-height:29px!important;gap:2px!important;padding-right:2px!important}
.raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:13.8px!important;font-weight:670!important}
.raw-star-bright{font-size:7px!important;opacity:.72!important}
.raw-mutagen-box{display:flex!important;flex-direction:column!important;gap:1px!important;overflow:hidden!important;min-height:0!important;padding-right:2px!important}
.raw-transform-scope{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important;min-height:10px!important;overflow:hidden!important;white-space:nowrap!important;transform-origin:left top!important}
.raw-transform-star{width:10px!important;height:10px!important;min-width:10px!important;flex:0 0 10px!important;border-radius:3px!important;font-size:5.4px!important;line-height:1!important;padding:0!important}
.raw-transform-star em{font-size:5.4px!important;line-height:1!important}
.raw-cycle-stars-row{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:1px!important;overflow:hidden!important;white-space:nowrap!important;min-height:9px!important;padding-right:2px!important;transform-origin:left top!important}
.raw-dynamic-side{display:none!important}
.raw-cycle-star-item{min-width:8px!important;font-size:5.7px!important;line-height:1!important}
.raw-cycle-role-tags{left:0!important;bottom:18px!important;align-items:flex-start!important}
.raw-palace-name{left:20px!important;right:16px!important;font-size:10.2px!important}
#rawFortuneHost{height:var(--raw-fortune-fixed-h)!important;min-height:var(--raw-fortune-fixed-h)!important;max-height:var(--raw-fortune-fixed-h)!important;align-self:end!important}
#rawFortuneHost .raw-fortune-matrix{height:100%!important;grid-template-rows:23px 23px 18px 92px 14px!important;border-radius:10px!important}
#rawFortuneHost .raw-fortune-day-row{min-height:92px!important}
#rawFortuneHost .raw-fortune-day-:scope{grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:1px!important;padding:1px 0!important}
#rawFortuneHost .raw-fortune-day-line{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:1px!important}
#rawFortuneHost .raw-fortune-grid10{min-width:max(100%,390px)!important}
#rawFortuneHost .raw-fortune-grid10>.raw-fortune-cell{min-width:37px!important}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:174px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:23px 23px 18px 96px 14px!important}
}
@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:162px;}
  .raw-palace-stars{top:5px!important}
  .raw-stars-row{min-height:27px!important}
  .raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:12.8px!important}
  .raw-transform-star{width:9px!important;height:9px!important;min-width:9px!important;flex-basis:9px!important}
  .raw-transform-star em{font-size:5px!important}
  .raw-cycle-star-item{font-size:5.2px!important}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:21px 21px 17px 89px 14px!important}
}



:scope.raw-chart-page-active .app{
  padding-top:max(env(safe-area-inset-top,0px), 0px)!important;
  padding-bottom:0!important;
}
.raw-chart-page,
.raw-chart-page-shell,
.raw-chart-page-:scope{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.raw-chart-page-shell{padding:0!important;max-width:none!important;width:100%!important}
.raw-pro-card{margin:0!important;border-radius:18px!important}
:scope{--raw-fortune-fixed-h:182px;}
.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:0!important;
  padding:0!important;
  border-radius:18px!important;
}
#rawAstrolabeGrid.raw-astrolabe-grid{
  gap:2px!important;
  margin-top:-4px!important;
  padding:0 1px!important;
}
.raw-palace{
  padding:4px 3px 22px!important;
  border-radius:12px!important;
}
.raw-palace-stars{
  left:3px!important;
  right:3px!important;
  top:7px!important;
  bottom:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:1px!important;
}
.raw-stars-row{min-height:27px!important;gap:2px!important;padding-right:1px!important}
.raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:13.8px!important}
.raw-mutagen-box{display:flex!important;flex-direction:column!important;gap:1px!important;overflow:hidden!important;padding-right:1px!important}
.raw-transform-scope{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important;min-height:9px!important;overflow:hidden!important;white-space:nowrap!important;transform-origin:left top!important}
.raw-transform-star{width:9px!important;height:9px!important;min-width:9px!important;flex:0 0 9px!important;border-radius:2px!important;font-size:5px!important;line-height:1!important;padding:0!important}
.raw-transform-star em{font-size:5px!important;line-height:1!important}

.raw-cycle-stars-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  align-self:flex-end!important;
  gap:1px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  width:auto!important;
  max-width:calc(100% - 18px)!important;
  min-height:9px!important;
  margin-left:auto!important;
  padding-right:0!important;
  transform-origin:right top!important;
}
.raw-cycle-star-item{
  min-width:8px!important;
  font-size:5.7px!important;
  line-height:1!important;
}
.raw-cycle-role-tags{left:0!important;bottom:18px!important}
.raw-life-marker-stack{align-items:flex-start!important;gap:1px!important}
.raw-life-marker{min-width:18px!important;height:10px!important;padding:0 1px!important;font-size:4.6px!important}
.raw-palace-name{left:20px!important;right:16px!important;bottom:0!important;font-size:10.1px!important}
.raw-palace-foot{left:3px!important;right:3px!important;bottom:2px!important}
#rawFortuneHost{
  align-self:end!important;
  width:100%!important;
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  margin:0!important;
  padding:0 0 env(safe-area-inset-bottom,0px) 0!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:22px 22px 18px 104px 16px!important;
  border-radius:10px!important;
}
#rawFortuneHost .raw-fortune-row{
  grid-template-columns:34px minmax(0,1fr)!important;
  min-height:0!important;
  margin:0!important;
}
#rawFortuneHost .raw-fortune-label{
  font-size:7px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#rawFortuneHost .raw-fortune-label small{font-size:4.8px!important}
#rawFortuneHost .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:1px 1px!important;
  gap:1px!important;
  border-radius:4px!important;
}
#rawFortuneHost .raw-fortune-cell b{font-size:6.8px!important;line-height:1!important}
#rawFortuneHost .raw-fortune-cell small{font-size:4.8px!important;line-height:1!important}
#rawFortuneHost .raw-fortune-cell em{font-size:4.5px!important;line-height:1!important}
#rawFortuneHost .raw-fortune-day-row{
  min-height:104px!important;
  height:104px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:1px 1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:6.6px!important}
#rawFortuneHost .raw-fortune-hour{
  min-height:16px!important;
  height:16px!important;
  margin-top:0!important;
}
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-hour,
#rawFortuneHost .raw-fortune-day-row{border-top:1px solid rgba(255,255,255,.05)!important}
#rawFortuneHost .raw-fortune-grid10{min-width:max(100%,400px)!important}
#rawFortuneHost .raw-fortune-grid10>.raw-fortune-cell{min-width:39px!important}
#rawFortuneHost .raw-fortune-next{width:18px!important;font-size:13px!important}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:188px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:22px 22px 18px 110px 16px!important}
  #rawFortuneHost .raw-fortune-day-row{height:110px!important;min-height:110px!important}
}
@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:174px;}
  .raw-palace-stars{top:6px!important}
  .raw-star-item.major,.raw-star-item.minor,.raw-star-item.small{font-size:12.8px!important}
  .raw-transform-star{width:8px!important;height:8px!important;min-width:8px!important;flex-basis:8px!important}
  .raw-transform-star em{font-size:4.6px!important}
  .raw-cycle-star-item{font-size:5.2px!important}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:21px 21px 17px 98px 15px!important}
  #rawFortuneHost .raw-fortune-day-row{height:98px!important;min-height:98px!important}
}





#rawAstrolabeCard.raw-pro-card,
#rawAstrolabeCard.raw-astrolabe-card{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  
  
}


:scope{--raw-fortune-fixed-h:300px;}
.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:0!important;
  padding:0!important;
}
#rawFortuneHost{
  align-self:end!important;
  width:100%!important;
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:24px 24px 20px 208px 24px!important;
  border-radius:10px!important;
}
#rawFortuneHost .raw-fortune-day-row{
  height:208px!important;
  min-height:208px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:2px!important;
  padding:2px 0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:2px!important;
  min-height:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:3px 1px!important;
  touch-action:manipulation!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:8.2px!important;
  line-height:1.05!important;
}
#rawFortuneHost .raw-fortune-hour{
  height:24px!important;
  min-height:24px!important;
  margin-top:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-hour .raw-fortune-strip-wrap,
#rawFortuneHost .raw-fortune-hour .raw-fortune-strip,
#rawFortuneHost .raw-fortune-hour .raw-fortune-grid10,
#rawFortuneHost .raw-fortune-hour .raw-fortune-cell{
  height:100%!important;
  min-height:0!important;
}
#rawFortuneHost .raw-fortune-hour .raw-fortune-cell b{
  font-size:7px!important;
  line-height:1!important;
}


.raw-palace-stars{
  position:absolute!important;
  overflow:hidden!important;
}
.raw-cycle-stars-row{
  position:absolute!important;
  top:50%!important;
  right:1px!important;
  left:auto!important;
  bottom:auto!important;
  margin-top:-5px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:auto!important;
  gap:1px!important;
  width:auto!important;
  max-width:calc(100% - 30px)!important;
  min-height:10px!important;
  max-height:11px!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  transform-origin:right center!important;
  z-index:8!important;
  pointer-events:none!important;
}
.raw-cycle-star-item{
  display:inline-flex!important;
  flex:0 0 auto!important;
  min-width:8px!important;
  margin:0!important;
  padding:0!important;
  font-size:5.9px!important;
  line-height:1!important;
  white-space:nowrap!important;
}


.raw-cycle-role-tags{
  position:absolute!important;
  left:2px!important;
  right:auto!important;
  top:auto!important;
  bottom:2px!important;
  z-index:11!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:1px!important;
  width:auto!important;
  max-width:none!important;
  pointer-events:none!important;
}
.raw-cycle-role-stack{
  display:flex!important;
  flex-direction:column-reverse!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:1px!important;
  width:auto!important;
  max-height:none!important;
}
.raw-cycle-role-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  width:auto!important;
  height:13px!important;
  padding:0 2px!important;
  border-radius:4px!important;
  font-size:10.1px!important;
  line-height:1!important;
  font-weight:770!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.raw-palace-name{
  left:30px!important;
  right:16px!important;
  bottom:2px!important;
  font-size:10.1px!important;
  line-height:13px!important;
  font-weight:770!important;
}
.raw-palace-foot{
  left:3px!important;
  right:3px!important;
  bottom:0!important;
  min-height:17px!important;
}


@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:300px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:24px 24px 20px 208px 24px!important}
  #rawFortuneHost .raw-fortune-day-row{height:208px!important;min-height:208px!important}
  #rawFortuneHost .raw-fortune-hour{height:24px!important;min-height:24px!important}
  .raw-cycle-star-item{font-size:5.6px!important}
  .raw-cycle-role-tag,.raw-palace-name{font-size:9.6px!important}
  .raw-cycle-role-tag{height:12px!important;min-width:23px!important}
  .raw-palace-name{left:29px!important;line-height:12px!important}
}





:scope.raw-chart-page-active .app{
  padding-top:calc(env(safe-area-inset-top,0px) + 7px)!important;
  padding-bottom:0!important;
}
#rawAstrolabeGrid.raw-astrolabe-grid{
  margin-top:0!important;
  padding:0 1px!important;
}


:scope{--raw-fortune-fixed-h:164px;}
.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:0!important;
}
#rawFortuneHost{
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:24px 24px 20px 72px 24px!important;
  align-content:end!important;
}
#rawFortuneHost .raw-fortune-row{
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost .raw-fortune-day-row{
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:1px 0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  min-height:0!important;
  height:100%!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  height:100%!important;
  min-height:0!important;
  padding:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:6.8px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-hour{
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}


#rawAstrolabeGrid .raw-star-item,
#rawAstrolabeGrid .raw-star-name,
#rawAstrolabeGrid .raw-star-bright,
#rawAstrolabeGrid .raw-stars-row{
  animation:none!important;
  transition:none!important;
}
#rawAstrolabeGrid .raw-palace-stars{
  contain:layout style!important;
}


@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:156px;}
  :scope.raw-chart-page-active .app{padding-top:calc(env(safe-area-inset-top,0px) + 5px)!important}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:22px 22px 18px 70px 24px!important}
  #rawFortuneHost .raw-fortune-day-row{height:70px!important;min-height:70px!important;max-height:70px!important}
  #rawFortuneHost .raw-fortune-hour{height:24px!important;min-height:24px!important;max-height:24px!important}
}





:scope.raw-chart-page-active .app{
  padding-bottom:0!important;
}
.raw-chart-page,
.raw-chart-page-shell,
.raw-chart-page-:scope,
#rawAstrolabeCard.raw-astrolabe-card{
  margin-bottom:0!important;
  padding-bottom:0!important;
}


:scope{--raw-fortune-fixed-h:244px;}
.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:0!important;
}
#rawFortuneHost{
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  align-self:end!important;
  margin:0 0 -1px 0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:26px 26px 22px 144px 26px!important;
  align-content:end!important;
  border-radius:10px 10px 0 0!important;
}
#rawFortuneHost .raw-fortune-row{
  min-height:0!important;
  height:100%!important;
  grid-template-columns:38px minmax(0,1fr)!important;
}
#rawFortuneHost .raw-fortune-label{
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:680!important;
  letter-spacing:.02em!important;
}
#rawFortuneHost .raw-fortune-label small{
  font-size:6.3px!important;
  line-height:1!important;
  font-weight:560!important;
}
#rawFortuneHost .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:1px 2px!important;
  gap:2px!important;
}
#rawFortuneHost .raw-fortune-cell b{
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:650!important;
}
#rawFortuneHost .raw-fortune-cell small{
  font-size:6.2px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-cell em{
  font-size:5.9px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-decade .raw-fortune-cell b,
#rawFortuneHost .raw-fortune-year .raw-fortune-cell b{
  font-size:8.5px!important;
}
#rawFortuneHost .raw-fortune-day-row{
  height:144px!important;
  min-height:144px!important;
  max-height:144px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:1px!important;
  padding:1px 0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  padding:2px 1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:620!important;
}
#rawFortuneHost .raw-fortune-hour{
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
}
#rawFortuneHost .raw-fortune-hour .raw-fortune-cell b{
  font-size:8px!important;
}
#rawFortuneHost .raw-fortune-next{
  width:22px!important;
  font-size:17px!important;
}


.raw-transform-scope{
  min-height:13px!important;
  gap:1px!important;
}
.raw-transform-star{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  flex:0 0 13px!important;
  border-radius:3px!important;
  font-size:7.2px!important;
  line-height:1!important;
  padding:0!important;
}
.raw-transform-star em{
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:700!important;
}
.raw-mutagen{
  min-width:15px!important;
  height:15px!important;
  padding:0 3px!important;
  font-size:6.4px!important;
  line-height:1!important;
  font-weight:680!important;
}


.raw-cycle-stars-row{
  min-height:12px!important;
  max-height:13px!important;
  gap:1px!important;
}
.raw-cycle-star-item{
  min-width:9px!important;
  font-size:6.9px!important;
  line-height:1!important;
  font-weight:620!important;
}


.raw-palace-stars{
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.raw-stars-row{
  box-sizing:border-box!important;
  max-width:none!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform-origin:left top!important;
  will-change:transform;
}
.raw-star-item{
  flex:0 0 auto!important;
}


@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:236px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:24px 24px 20px 144px 24px!important}
  #rawFortuneHost .raw-fortune-day-row{height:144px!important;min-height:144px!important;max-height:144px!important}
  #rawFortuneHost .raw-fortune-label{font-size:8.3px!important}
  #rawFortuneHost .raw-fortune-label small{font-size:5.9px!important}
  #rawFortuneHost .raw-fortune-cell b{font-size:8px!important}
  #rawFortuneHost .raw-fortune-cell small{font-size:5.8px!important}
  #rawFortuneHost .raw-fortune-cell em{font-size:5.5px!important}
  #rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{font-size:8.1px!important}
  .raw-transform-star{width:12px!important;height:12px!important;min-width:12px!important;flex-basis:12px!important}
  .raw-transform-star em{font-size:6.8px!important}
  .raw-cycle-star-item{font-size:6.5px!important}
}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:248px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:27px 27px 23px 144px 27px!important}
}





:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app,
:scope.raw-chart-page-active .raw-chart-page,
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope,
:scope.raw-chart-page-active #rawAstrolabeCard,
:scope.raw-chart-page-active #rawFortuneHost{
  padding-bottom:0!important;
  margin-bottom:0!important;
}


:scope{--raw-fortune-fixed-h:388px;}
#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:5px!important;
}
#rawAstrolabeGrid.raw-astrolabe-grid{
  min-height:0!important;
  margin-bottom:0!important;
}


#rawFortuneHost{
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-matrix{
  display:grid!important;
  grid-template-rows:26px 26px 22px 288px 26px!important;
  row-gap:0!important;
  gap:0!important;
  align-content:end!important;
  border-radius:6px 6px 0 0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-row{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:0!important;
}
#rawFortuneHost .raw-fortune-decade,
#rawFortuneHost .raw-fortune-year,
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-day-row,
#rawFortuneHost .raw-fortune-hour{
  margin-top:0!important;
  margin-bottom:0!important;
}
#rawFortuneHost .raw-fortune-day-row{
  height:288px!important;
  min-height:288px!important;
  max-height:288px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  height:100%!important;
  padding:0!important;
  gap:0!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
}
#rawFortuneHost .raw-fortune-day-line{
  height:100%!important;
  min-height:0!important;
  gap:1px!important;
  margin:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
}
#rawFortuneHost .raw-fortune-hour{
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
}


#rawAstrolabeGrid .raw-palace{
  border-radius:6px!important;
}
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  border-radius:6px 6px 0 0!important;
}


#rawAstrolabeGrid .raw-stars-row{
  padding-left:0!important;
  padding-right:0!important;
  max-width:none!important;
  overflow:visible!important;
}
#rawAstrolabeGrid .raw-stars-row > .raw-star-item{
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-star-name{
  padding-left:0!important;
  padding-right:0!important;
}


@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:384px;}
  #rawAstrolabeCard.raw-astrolabe-card{gap:4px!important}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:24px 24px 22px 288px 26px!important}
  #rawFortuneHost .raw-fortune-day-row{height:288px!important;min-height:288px!important;max-height:288px!important}
}
@media(min-height:850px){
  :scope{--raw-fortune-fixed-h:392px;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:27px 27px 23px 288px 27px!important}
}





:scope{--raw-fortune-fixed-h:236px;}
:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app,
:scope.raw-chart-page-active .raw-chart-page,
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope,
:scope.raw-chart-page-active #rawAstrolabeCard,
:scope.raw-chart-page-active #rawFortuneHost{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:8px!important;
}
#rawAstrolabeGrid.raw-astrolabe-grid{
  min-height:0!important;
  margin-bottom:0!important;
}
#rawFortuneHost{
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-matrix{
  display:grid!important;
  grid-template-rows:28px 28px 24px 132px 24px!important;
  row-gap:0!important;
  gap:0!important;
  align-content:end!important;
  border-radius:8px 8px 0 0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-row,
#rawFortuneHost .raw-fortune-strip-wrap,
#rawFortuneHost .raw-fortune-strip,
#rawFortuneHost .raw-fortune-grid10,
#rawFortuneHost .raw-fortune-day-row,
#rawFortuneHost .raw-fortune-day-:scope,
#rawFortuneHost .raw-fortune-day-line{
  min-height:0!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-row{
  height:100%!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  border-radius:0!important;
}
#rawFortuneHost .raw-fortune-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:8.9px!important;
  line-height:1!important;
  font-weight:700!important;
}
#rawFortuneHost .raw-fortune-label small{
  font-size:6.2px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-cell{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  height:100%!important;
  padding:1px 2px!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-cell b{
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:670!important;
}
#rawFortuneHost .raw-fortune-cell small{
  font-size:6.0px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-cell em{
  font-size:5.6px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-day-row{
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  align-content:stretch!important;
  align-items:stretch!important;
  height:100%!important;
  gap:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  align-items:stretch!important;
  align-content:stretch!important;
  height:100%!important;
  gap:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  padding:0!important;
}
#rawFortuneHost .raw-fortune-hour{
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix,
#rawAstrolabeGrid .raw-palace{
  border-radius:8px!important;
}


#rawAstrolabeGrid .raw-palace-tags{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:15px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  width:auto!important;
  max-width:none!important;
  z-index:10!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid .raw-palace-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:10px!important;
  min-width:10px!important;
  padding:0 3px!important;
  border-radius:3px!important;
  font-size:6px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#rawAstrolabeGrid .raw-palace-foot{
  left:3px!important;
  right:3px!important;
  bottom:1px!important;
  min-height:18px!important;
}
#rawAstrolabeGrid .raw-palace-name{
  left:28px!important;
  right:16px!important;
  bottom:0!important;
  font-size:10.1px!important;
  line-height:1.05!important;
}


#rawAstrolabeGrid .raw-palace-stars{
  left:3px!important;
  right:3px!important;
  top:4px!important;
  bottom:18px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-stars-row{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  transform-origin:left top!important;
}
#rawAstrolabeGrid .raw-stars-row > .raw-star-item,
#rawAstrolabeGrid .raw-star-item{
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-star-name{
  padding-left:0!important;
  padding-right:0!important;
}

@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:224px;}
  #rawAstrolabeCard.raw-astrolabe-card{gap:6px!important;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:26px 26px 22px 126px 24px!important;}
  #rawFortuneHost .raw-fortune-day-row{height:126px!important;min-height:126px!important;max-height:126px!important;}
  #rawFortuneHost .raw-fortune-cell b{font-size:8.1px!important;}
  #rawFortuneHost .raw-fortune-label{font-size:8.4px!important;}
}





:scope{--raw-fortune-fixed-h:368px;}
:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app,
:scope.raw-chart-page-active .raw-chart-page,
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope,
:scope.raw-chart-page-active #rawAstrolabeCard,
:scope.raw-chart-page-active #rawFortuneHost{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:7px!important;
}
#rawFortuneHost{
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-matrix{
  display:grid!important;
  grid-template-rows:28px 28px 24px 264px 24px!important;
  gap:0!important;
  row-gap:0!important;
  align-content:end!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-row{
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-day-row{
  height:264px!important;
  min-height:264px!important;
  max-height:264px!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,88px)!important;
  height:264px!important;
  min-height:264px!important;
  max-height:264px!important;
  align-content:stretch!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  align-items:stretch!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid rgba(154,191,225,.065)!important;
}
#rawFortuneHost .raw-fortune-day-line:last-child{
  border-bottom:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:8.8px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-hour{
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  margin:0!important;
}


#rawAstrolabeGrid .raw-stars-row,
#rawAstrolabeGrid .raw-star-item,
#rawAstrolabeGrid .raw-star-name,
#rawAstrolabeGrid .raw-star-bright{
  transition:none!important;
  animation:none!important;
}
#rawAstrolabeGrid .raw-stars-row{
  transform-origin:left top!important;
  will-change:auto!important;
}
#rawAstrolabeGrid .raw-star-item.major,
#rawAstrolabeGrid .raw-star-item.minor,
#rawAstrolabeGrid .raw-star-item.small{
  line-height:1!important;
}


@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:364px;}
  #rawAstrolabeCard.raw-astrolabe-card{gap:5px!important;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:26px 26px 24px 264px 24px!important;}
  #rawFortuneHost .raw-fortune-day-row,
  #rawFortuneHost .raw-fortune-day-:scope{height:264px!important;min-height:264px!important;max-height:264px!important;}
  #rawFortuneHost .raw-fortune-day-:scope{grid-template-rows:repeat(3,88px)!important;}
  #rawFortuneHost .raw-fortune-day-line,
  #rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{height:88px!important;min-height:88px!important;max-height:88px!important;}
}





:scope{--raw-fortune-fixed-h:188px;}

:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app,
:scope.raw-chart-page-active #chartPage,
:scope.raw-chart-page-active .raw-chart-page,
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope,
:scope.raw-chart-page-active #rawAstrolabeCard,
:scope.raw-chart-page-active #rawFortuneHost{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active .app{
  height:var(--app-vh,100lvh)!important;
  min-height:var(--app-vh,100lvh)!important;
  max-height:var(--app-vh,100lvh)!important;
  overflow:hidden!important;
}
#chartPage.raw-chart-page,
.raw-chart-page-shell,
.raw-chart-page-:scope{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}


#rawAstrolabeCard.raw-astrolabe-card{
  height:100%!important;
  min-height:0!important;
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:7px!important;
  padding-bottom:0!important;
}


#rawFortuneHost{
  align-self:end!important;
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-chart-bottom-controls,
#rawFortuneHost .raw-fortune-control,
#rawFortuneHost .raw-fortune-matrix{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}


#rawFortuneHost .raw-fortune-matrix{
  display:grid!important;
  grid-template-rows:28px 28px 24px 84px 24px!important;
  gap:0!important;
  row-gap:0!important;
  align-content:end!important;
  overflow:hidden!important;
  border-radius:7px 7px 0 0!important;
}
#rawFortuneHost .raw-fortune-row{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-decade,
#rawFortuneHost .raw-fortune-year,
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-day-row,
#rawFortuneHost .raw-fortune-hour{
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}


#rawFortuneHost .raw-fortune-day-row{
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  display:grid!important;
  grid-template-rows:repeat(3,28px)!important;
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  gap:0!important;
  row-gap:0!important;
  margin:0!important;
  padding:0!important;
  align-content:stretch!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-day-line{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 1px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell b{
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:650!important;
}


#rawFortuneHost .raw-fortune-decade,
#rawFortuneHost .raw-fortune-year{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
}
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-hour{
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}
#rawFortuneHost .raw-fortune-strip-wrap,
#rawFortuneHost .raw-fortune-strip,
#rawFortuneHost .raw-fortune-grid10{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-cell{
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding-top:1px!important;
  padding-bottom:1px!important;
  box-sizing:border-box!important;
}


@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:184px;}
  #rawAstrolabeCard.raw-astrolabe-card{gap:5px!important;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:27px 27px 23px 81px 26px!important;}
  #rawFortuneHost .raw-fortune-decade,
  #rawFortuneHost .raw-fortune-year{height:27px!important;min-height:27px!important;max-height:27px!important;}
  #rawFortuneHost .raw-fortune-month{height:23px!important;min-height:23px!important;max-height:23px!important;}
  #rawFortuneHost .raw-fortune-day-row,
  #rawFortuneHost .raw-fortune-day-:scope{height:81px!important;min-height:81px!important;max-height:81px!important;}
  #rawFortuneHost .raw-fortune-day-:scope{grid-template-rows:repeat(3,27px)!important;}
  #rawFortuneHost .raw-fortune-day-line,
  #rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{height:27px!important;min-height:27px!important;max-height:27px!important;}
  #rawFortuneHost .raw-fortune-hour{height:26px!important;min-height:26px!important;max-height:26px!important;}
}





#rawAstrolabeGrid .raw-star-item{
  gap:2px!important;
}
#rawAstrolabeGrid .raw-star-name{
  margin:0!important;
}
#rawAstrolabeGrid .raw-star-bright{
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}


#rawAstrolabeGrid .raw-palace-tags{
  position:absolute!important;
  left:calc(50% + 14px)!important;
  right:auto!important;
  top:auto!important;
  bottom:2px!important;
  transform:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:none!important;
  z-index:12!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid .raw-palace-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:10px!important;
  height:11px!important;
  padding:0 2px!important;
  border:1px solid rgba(255,78,91,.38)!important;
  border-radius:3px!important;
  
  
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:760!important;
  
}


#rawAstrolabeGrid .raw-palace-name{
  left:28px!important;
  right:18px!important;
  bottom:1px!important;
  font-size:10.1px!important;
  line-height:11px!important;
}


:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app,
:scope.raw-chart-page-active #chartPage,
:scope.raw-chart-page-active .raw-chart-page,
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope,
:scope.raw-chart-page-active #rawAstrolabeCard,
:scope.raw-chart-page-active #rawFortuneHost{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#rawAstrolabeCard.raw-astrolabe-card{
  padding-bottom:0!important;
  margin-bottom:0!important;
  gap:5px!important;
}
#rawFortuneHost{
  align-self:end!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
#rawFortuneHost .raw-fortune-matrix{
  align-content:end!important;
  margin-bottom:0!important;
}


#rawAstrolabeGrid .raw-transform-scope{
  min-height:15px!important;
  gap:1px!important;
}
#rawAstrolabeGrid .raw-transform-star{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  padding:0!important;
  border-radius:3px!important;
  font-size:8.3px!important;
  line-height:1!important;
  font-weight:760!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-transform-star em{
  font-size:8.3px!important;
  line-height:1!important;
  font-weight:780!important;
  opacity:1!important;
}

#rawAstrolabeGrid .raw-transform-star.native{
  
  
  
}

#rawAstrolabeGrid .raw-transform-star.decadal{
  
  
  
}

#rawAstrolabeGrid .raw-transform-star.yearly{
  
  
  
}

#rawAstrolabeGrid .raw-transform-star.monthly{
  
  
  
}

#rawAstrolabeGrid .raw-transform-star.daily{
  
  
  
}

#rawAstrolabeGrid .raw-transform-star.hourly{
  
  
  
}


#rawAstrolabeGrid .raw-cycle-role-tags{
  position:absolute!important;
  left:2px!important;
  right:auto!important;
  top:auto!important;
  bottom:2px!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  z-index:11!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid .raw-cycle-role-stack{
  display:grid!important;
  grid-template-columns:21px 21px!important;
  grid-template-rows:repeat(3,12px)!important;
  column-gap:1px!important;
  row-gap:1px!important;
  width:43px!important;
  height:38px!important;
  max-height:none!important;
  align-items:center!important;
  justify-items:start!important;
}
#rawAstrolabeGrid .raw-cycle-role-tag{
  min-width:21px!important;
  width:21px!important;
  height:12px!important;
  padding:0 1px!important;
  border-radius:3px!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:720!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
#rawAstrolabeGrid .raw-cycle-role-tag.decadal{grid-column:1!important;grid-row:3!important;}
#rawAstrolabeGrid .raw-cycle-role-tag.yearly{grid-column:1!important;grid-row:2!important;}
#rawAstrolabeGrid .raw-cycle-role-tag.smalllimit{grid-column:1!important;grid-row:1!important;}
#rawAstrolabeGrid .raw-cycle-role-tag.monthly{grid-column:2!important;grid-row:3!important;}
#rawAstrolabeGrid .raw-cycle-role-tag.daily{grid-column:2!important;grid-row:2!important;}
#rawAstrolabeGrid .raw-cycle-role-tag.hourly{grid-column:2!important;grid-row:1!important;}


#rawAstrolabeGrid .raw-palace-foot{
  left:3px!important;
  right:3px!important;
  bottom:1px!important;
  min-height:16px!important;
}

@media(max-width:390px){
  #rawAstrolabeGrid .raw-transform-star{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    flex-basis:14px!important;
  }
  #rawAstrolabeGrid .raw-transform-star em{font-size:8px!important;}
  #rawAstrolabeGrid .raw-palace-tag{font-size:6.8px!important;}
}





#rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name{
  padding:2px 2px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  
  box-sizing:border-box!important;
}

#rawAstrolabeGrid .raw-star-item.flight-hit.flight-lu .raw-star-name{
  
  
  
}

#rawAstrolabeGrid .raw-star-item.flight-hit.flight-quan .raw-star-name{
  
  
  
}

#rawAstrolabeGrid .raw-star-item.flight-hit.flight-ke .raw-star-name{
  
  
  
}

#rawAstrolabeGrid .raw-star-item.flight-hit.flight-ji .raw-star-name{
  
  
  
}


#rawAstrolabeGrid .raw-palace .raw-self-arrows{
  visibility:hidden!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid{
  overflow:visible!important;
  isolation:isolate!important;
}
#rawSelfArrowOverlay{
  position:absolute!important;
  inset:0!important;
  z-index:2147483000!important;
  overflow:visible!important;
  pointer-events:none!important;
  contain:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  padding:0!important;
  border:0!important;
  
  border-radius:50%!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  
  
  transform:translateZ(0)!important;
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay.lu{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.quan{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.ke{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.ji{}


#rawAstrolabeGrid .raw-cycle-stars-row,
#rawAstrolabeGrid .raw-cycle-star-item{
  animation:none!important;
  transition:none!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased;
}
#rawAstrolabeGrid .raw-cycle-stars-row{
  will-change:auto!important;
}





#rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name{
  position:relative!important;
  z-index:1!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  
  
  transform:none!important;
  font-size:inherit!important;
}
#rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-2px;
  right:-2px;
  top:-1px;
  bottom:-1px;
  border:1px solid transparent;
  border-radius:3px;
  box-sizing:border-box;
  pointer-events:none;
}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-lu .raw-star-name::before{}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-quan .raw-star-name::before{}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-ke .raw-star-name::before{}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-ji .raw-star-name::before{}

#rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-benefic .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-malefic .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-peach .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-other .raw-star-name{}


#rawSelfArrowOverlay{
  z-index:2147483600!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay{
  display:grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  
  
  font-size:14px!important;
  line-height:16px!important;
  font-weight:900!important;
  text-align:center!important;
  
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay.lu{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.quan{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.ke{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.ji{}


#rawAstrolabeGrid .raw-palace-tags{
  left:calc(50% + 20px)!important;
  gap:3px!important;
}


#rawFortuneHost .raw-fortune-cell.childhood:not(:disabled){
  cursor:pointer!important;
  opacity:1!important;
}
#rawFortuneHost .raw-fortune-cell.childhood.active{
  
  
}


#rawFortuneHost .raw-fortune-decade .raw-fortune-cell small{
  font-size:7.6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}


#rawFortuneHost .raw-fortune-month .raw-fortune-cell.with-ganzhi{
  min-width:0!important;
  overflow:hidden!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-month .raw-fortune-cell.with-ganzhi b{
  font-size:7.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#rawFortuneHost .raw-fortune-month .raw-fortune-cell.with-ganzhi small{
  display:block!important;
  font-size:6.1px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
}


#rawFortuneHost .raw-fortune-year > .raw-fortune-label{
  flex-direction:column!important;
  gap:2px!important;
  line-height:1!important;
}
#rawFortuneHost .raw-fortune-year > .raw-fortune-label span,
#rawFortuneHost .raw-fortune-year > .raw-fortune-label small{
  display:block!important;
  line-height:1!important;
}


#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell.with-ganzhi{
  min-width:0!important;
  overflow:hidden!important;
  padding:0 1px!important;
  gap:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell.with-ganzhi b{
  font-size:7.2px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell.with-ganzhi small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  font-size:5.9px!important;
  line-height:1!important;
  font-weight:680!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}


#rawAstrolabeGrid .raw-cycle-stars-row,
#rawAstrolabeGrid .raw-cycle-star-item{
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}





:scope{--raw-fortune-fixed-h:182px;}
#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h)!important;
  gap:11px!important;
}
#rawFortuneHost{
  height:var(--raw-fortune-fixed-h)!important;
  min-height:var(--raw-fortune-fixed-h)!important;
  max-height:var(--raw-fortune-fixed-h)!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:27px 34px 20px 81px 20px!important;
  gap:0!important;
  row-gap:0!important;
  align-content:end!important;
}


#rawFortuneHost .raw-fortune-row{
  grid-template-columns:31px minmax(0,1fr)!important;
}
#rawFortuneHost .raw-fortune-label{
  min-width:31px!important;
  width:31px!important;
  padding-left:0!important;
  padding-right:0!important;
  font-size:8.5px!important;
  box-sizing:border-box!important;
}
#rawFortuneHost .raw-fortune-year > .raw-fortune-label{
  gap:3px!important;
}
#rawFortuneHost .raw-fortune-year > .raw-fortune-label span,
#rawFortuneHost .raw-fortune-year > .raw-fortune-label small{
  font-size:7.8px!important;
  line-height:1!important;
}


#rawFortuneHost .raw-fortune-decade{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
}
#rawFortuneHost .raw-fortune-year{
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
}
#rawFortuneHost .raw-fortune-year .raw-fortune-cell{
  gap:3px!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
}
#rawFortuneHost .raw-fortune-year .raw-fortune-cell b{
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:700!important;
}
#rawFortuneHost .raw-fortune-year .raw-fortune-cell small{
  display:block!important;
  max-width:100%!important;
  font-size:7.3px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-hour{
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
}


#rawFortuneHost .raw-fortune-day-row,
#rawFortuneHost .raw-fortune-day-:scope{
  height:81px!important;
  min-height:81px!important;
  max-height:81px!important;
}
#rawFortuneHost .raw-fortune-day-:scope{
  grid-template-rows:repeat(3,27px)!important;
}
#rawFortuneHost .raw-fortune-day-line,
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
}


#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell.with-ganzhi{
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  row-gap:3px!important;
  padding-top:1px!important;
  padding-bottom:1px!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell.with-ganzhi b{
  font-size:7.2px!important;
  line-height:1.05!important;
  margin:0!important;
}
#rawFortuneHost .raw-fortune-day-line .raw-fortune-cell.with-ganzhi small{
  font-size:6.0px!important;
  line-height:1.05!important;
  margin:0!important;
}


#rawAstrolabeGrid .raw-star-item.flight-hit.flight-lu .raw-star-name::before{
  
  
}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-quan .raw-star-name::before{
  
  
}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-ke .raw-star-name::before{
  
  
}
#rawAstrolabeGrid .raw-star-item.flight-hit.flight-ji .raw-star-name::before{
  
  
}


#rawAstrolabeGrid .raw-palace-tags{
  left:calc(50% + 24px)!important;
}


#rawSelfArrowOverlay .raw-self-arrow-overlay.out{
  z-index:2!important;
  
  border:0!important;
  
  
}

@media(max-height:720px){
  :scope{--raw-fortune-fixed-h:182px;}
  #rawAstrolabeCard.raw-astrolabe-card{gap:10px!important;}
  #rawFortuneHost .raw-fortune-matrix{grid-template-rows:27px 34px 20px 81px 20px!important;}
  #rawFortuneHost .raw-fortune-year{height:34px!important;min-height:34px!important;max-height:34px!important;}
  #rawFortuneHost .raw-fortune-day-row,
  #rawFortuneHost .raw-fortune-day-:scope{height:81px!important;min-height:81px!important;max-height:81px!important;}
}





#rawAstrolabeGrid.raw-astrolabe-grid{
  gap:1px!important;
  padding-left:0!important;
  padding-right:0!important;
}


#rawAstrolabeGrid .raw-palace[data-raw-palace="午"],
#rawAstrolabeGrid .raw-palace[data-raw-palace="未"]{
  margin-bottom:-5px!important;
}
#rawAstrolabeGrid .raw-palace[data-raw-palace="丑"],
#rawAstrolabeGrid .raw-palace[data-raw-palace="子"]{
  margin-top:-5px!important;
}
#rawAstrolabeGrid .raw-palace[data-raw-palace="辰"],
#rawAstrolabeGrid .raw-palace[data-raw-palace="卯"]{
  margin-right:-5px!important;
}
#rawAstrolabeGrid .raw-palace[data-raw-palace="酉"],
#rawAstrolabeGrid .raw-palace[data-raw-palace="戌"]{
  margin-left:-5px!important;
}


#rawAstrolabeGrid .raw-center-layer{
  left:calc(25% + 5px)!important;
  top:calc(25% + 5px)!important;
  width:calc(50% - 10px)!important;
  height:calc(50% - 10px)!important;
}
#rawAstrolabeGrid .raw-center-core{
  width:94px!important;
  min-height:52px!important;
  padding:6px 6px!important;
  border-radius:10px!important;
}


#rawAstrolabeGrid .raw-palace-tags{
  left:auto!important;
  right:2px!important;
  top:auto!important;
  bottom:29px!important;
  transform:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:2px!important;
  width:auto!important;
  max-width:none!important;
  z-index:12!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid .raw-palace-tag{
  min-width:9px!important;
  height:10px!important;
  padding:0 2px!important;
  border-radius:3px!important;
  font-size:6.6px!important;
  line-height:1!important;
}


#rawAstrolabeGrid .raw-palace-stars{
  left:6px!important;
  right:3px!important;
  top:8px!important;
  bottom:18px!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-stars-row{
  margin-top:0!important;
}


#rawAstrolabeGrid .raw-palace-foot{
  left:3px!important;
  right:3px!important;
  bottom:1px!important;
}
#rawAstrolabeGrid .raw-palace-meta{
  right:0!important;
  bottom:0!important;
}
#rawAstrolabeGrid .raw-palace-changsheng{
  margin-top:0!important;
}


#rawSelfArrowOverlay{
  z-index:2147483000!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay{
  z-index:2!important;
  overflow:visible!important;
}

@media(max-width:380px){
  #rawAstrolabeGrid .raw-palace[data-raw-palace="午"],
  #rawAstrolabeGrid .raw-palace[data-raw-palace="未"]{margin-bottom:-4px!important;}
  #rawAstrolabeGrid .raw-palace[data-raw-palace="丑"],
  #rawAstrolabeGrid .raw-palace[data-raw-palace="子"]{margin-top:-4px!important;}
  #rawAstrolabeGrid .raw-palace[data-raw-palace="辰"],
  #rawAstrolabeGrid .raw-palace[data-raw-palace="卯"]{margin-right:-4px!important;}
  #rawAstrolabeGrid .raw-palace[data-raw-palace="酉"],
  #rawAstrolabeGrid .raw-palace[data-raw-palace="戌"]{margin-left:-4px!important;}
  #rawAstrolabeGrid .raw-center-layer{
    left:calc(25% + 4px)!important;
    top:calc(25% + 4px)!important;
    width:calc(50% - 8px)!important;
    height:calc(50% - 8px)!important;
  }
  #rawAstrolabeGrid .raw-palace-stars{left:5px!important;top:7px!important;}
}





#rawAstrolabeGrid.raw-astrolabe-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:1px!important;
}
#rawAstrolabeGrid .raw-palace{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
}

#rawAstrolabeGrid .raw-center-layer{
  left:25%!important;
  top:25%!important;
  width:50%!important;
  height:50%!important;
}


#rawAstrolabeGrid .raw-palace-stars{
  left:3px!important;
  right:2px!important;
  top:3px!important;
  bottom:17px!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-stars-row{
  margin:0!important;
  padding:0!important;
}


#rawAstrolabeGrid .raw-palace{
  --raw-local-star-fs:13px;
  --raw-transform-box:10px;
  --raw-transform-font:6.6px;
}
#rawAstrolabeGrid .raw-transform-scope{
  min-height:var(--raw-transform-box)!important;
  gap:1px!important;
  line-height:1!important;
}
#rawAstrolabeGrid .raw-transform-star{
  width:var(--raw-transform-box)!important;
  height:var(--raw-transform-box)!important;
  min-width:var(--raw-transform-box)!important;
  flex:0 0 var(--raw-transform-box)!important;
  max-width:var(--raw-transform-box)!important;
  padding:0!important;
  border-radius:2px!important;
  font-size:var(--raw-transform-font)!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-transform-star em{
  font-size:var(--raw-transform-font)!important;
  line-height:1!important;
  font-weight:720!important;
}


#rawAstrolabeGrid .raw-palace-tags{
  right:1px!important;
  bottom:28px!important;
  gap:1px!important;
}
#rawAstrolabeGrid .raw-palace-tag{
  min-width:7px!important;
  width:auto!important;
  height:9px!important;
  padding:0 1px!important;
  border-radius:2px!important;
  font-size:6.2px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}


#chartPage.raw-chart-page{
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}
#chartPage.raw-chart-page.raw-edge-swiping{
  will-change:transform;
  transition:none!important;
}
#chartPage.raw-chart-page.raw-edge-snapback{
  transition:transform .18s cubic-bezier(.22,.72,.22,1)!important;
}
#chartPage.raw-chart-page.raw-edge-leaving{
  transition:transform .18s cubic-bezier(.22,.72,.22,1)!important;
}


@media(max-width:380px){
  #rawAstrolabeGrid .raw-palace{margin:0!important;}
  #rawAstrolabeGrid .raw-center-layer{
    left:25%!important;
    top:25%!important;
    width:50%!important;
    height:50%!important;
  }
  #rawAstrolabeGrid .raw-palace-stars{
    left:3px!important;
    right:2px!important;
    top:3px!important;
    bottom:17px!important;
  }
}





#rawAstrolabeGrid .raw-palace-stars{
  left:4px!important;
  right:2px!important;
  top:5px!important;
  bottom:17px!important;
  padding:2px 0 0 2px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-stars-row{
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
#rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name::before{
  left:-2px!important;
  right:-2px!important;
  top:-1px!important;
  bottom:-1px!important;
}


#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:flex-end!important;
  gap:1px!important;
  min-height:10px!important;
  max-height:11px!important;
  width:auto!important;
  max-width:calc(100% - 10px)!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  transform-origin:right top!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  flex:0 0 auto!important;
}


#rawAstrolabeGrid .raw-palace{
  --raw-transform-box:10px;
  --raw-transform-font:7.5px;
}
#rawAstrolabeGrid .raw-transform-star,
#rawAstrolabeGrid .raw-transform-star em{
  font-weight:760!important;
}


#rawAstrolabeGrid.raw-astrolabe-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  grid-auto-columns:minmax(0,1fr)!important;
  grid-auto-rows:minmax(0,1fr)!important;
  gap:1px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
#rawAstrolabeGrid .raw-palace[data-raw-palace]{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  inset:auto!important;
  transform:none!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
}


#rawAstrolabeGrid .raw-center-layer{
  left:calc(25% - 1px)!important;
  top:calc(25% - 1px)!important;
  width:calc(50% + 2px)!important;
  height:calc(50% + 2px)!important;
  overflow:visible!important;
}
#rawAstrolabeGrid .raw-center-core{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:7px 8px 5px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:3px!important;
  border:0!important;
  border-radius:0!important;
  
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
  overflow:hidden!important;
  text-align:left!important;
}
.raw-center-brandline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:18px!important;
  margin-bottom:1px!important;
}
.raw-center-brandline strong{
  
  font-size:11.2px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:.12em!important;
}
.raw-center-logo{
  position:relative;
  width:16px;height:16px;
  display:grid;place-items:center;
  flex:0 0 16px;
}
.raw-center-logo i{
  position:relative;
  width:13px;height:13px;
  display:block;
  border:1.2px solid rgba(235,246,255,.88);
  border-radius:50%;
}
.raw-center-logo i::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:50%;
  
}
.raw-center-identity{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:4px!important;
  min-height:17px!important;
}
.raw-center-name{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;margin:0!important;}
.raw-center-name small{font-size:5.6px!important;letter-spacing:0!important;white-space:nowrap!important;}
.raw-center-name b{margin:0!important;font-size:7.4px!important;font-weight:680!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.raw-center-identity em{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:14px!important;padding:0 4px!important;margin:0!important;
  border:1px solid rgba(145,184,224,.13)!important;border-radius:4px!important;
  
  font-size:6px!important;line-height:1!important;font-style:normal!important;white-space:nowrap!important;
}
.raw-center-timegrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:2px 6px!important;
  padding:3px 0!important;
  border-top:1px solid rgba(151,188,224,.055)!important;
  border-bottom:1px solid rgba(151,188,224,.055)!important;
}
.raw-center-timegrid span,.raw-center-mastergrid span{display:block!important;min-width:0!important;margin:0!important;}
.raw-center-timegrid span.wide{grid-column:1/-1!important;}
.raw-center-timegrid small,.raw-center-mastergrid small,.raw-center-pillarline small{
  display:block!important;margin:0 0 1px!important;font-size:5.3px!important;line-height:1.05!important;letter-spacing:0!important;
}
.raw-center-timegrid b,.raw-center-mastergrid b{
  display:block!important;margin:0!important;font-size:6.2px!important;line-height:1.15!important;font-weight:590!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.raw-center-mastergrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  padding:1px 0!important;
}
.raw-center-pillarline{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:4px!important;
  min-height:13px!important;
}
.raw-center-pillarline small{margin:0!important;white-space:nowrap!important;}
.raw-center-pillarline b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:720!important;
  white-space:nowrap!important;
}
.raw-pillar-pair{display:inline-flex!important;gap:0!important;margin:0!important;}
.raw-pillar-pair i{font-style:normal!important;font-size:7px!important;line-height:1!important;}
.raw-pillar-pair i.el-wood{}
.raw-pillar-pair i.el-fire{}
.raw-pillar-pair i.el-earth{}
.raw-pillar-pair i.el-metal{}
.raw-pillar-pair i.el-water{}
.raw-pillar-pair i.el-plain{}
.raw-center-focusline{
  font-size:5.2px!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.raw-center-navrow{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:2px!important;
  margin-top:auto!important;
  pointer-events:auto!important;
}
.raw-center-navrow button,
.raw-center-return-btn{
  appearance:none!important;
  min-width:0!important;
  height:19px!important;
  padding:0 2px!important;
  border:1px solid rgba(125,174,216,.11)!important;
  border-radius:4px!important;
  
  
  font-size:5.8px!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.raw-center-navrow button:active,.raw-center-return-btn:active{transform:scale(.97)!important;}
.raw-center-actions{display:flex!important;justify-content:center!important;width:100%!important;margin:0!important;pointer-events:auto!important;}
.raw-center-return-btn{width:auto!important;min-width:64px!important;height:18px!important;}


#rawAstrolabeGrid .raw-palace-tag{
  min-width:7px!important;
  height:9px!important;
  padding:0 1px!important;
}

@media(max-width:380px){
  #rawAstrolabeGrid .raw-palace-stars{left:4px!important;top:5px!important;padding-left:2px!important;padding-top:2px!important;}
  #rawAstrolabeGrid .raw-center-core{padding:6px 6px 4px!important;gap:2px!important;}
  .raw-center-brandline strong{font-size:10.4px!important;}
  .raw-center-timegrid b,.raw-center-mastergrid b{font-size:5.8px!important;}
  .raw-center-pillarline{grid-template-columns:37px minmax(0,1fr)!important;gap:2px!important;}
  .raw-center-pillarline b,.raw-pillar-pair i{font-size:6.5px!important;}
  .raw-center-navrow button{font-size:5.4px!important;}
}





#rawAstrolabeGrid .raw-star-item{
  align-items:center!important;
  justify-content:flex-start!important;
}
#rawAstrolabeGrid .raw-star-name{
  flex:0 0 auto!important;
}
#rawAstrolabeGrid .raw-star-bright{
  display:block!important;
  flex:0 0 auto!important;
  margin-top:2px!important;
  line-height:1!important;
}


#rawAstrolabeGrid .raw-natal-age-meta{
  position:absolute!important;
  left:2px!important;
  right:18px!important;
  bottom:18px!important;
  z-index:10!important;
  display:none;
  pointer-events:none!important;
  
  font-style:normal!important;
  line-height:1!important;
  text-align:left!important;
}
#rawAstrolabeGrid .raw-palace.natal-age-mode .raw-natal-age-meta{
  display:block!important;
}
#rawAstrolabeGrid .raw-natal-decade-age{
  position:absolute!important;
  left:0!important;
  bottom:-16px!important;
  display:inline-flex!important;
  align-items:center!important;
  height:11px!important;
  padding:0 2px!important;
  border:1px solid rgba(134,174,214,.10)!important;
  border-radius:3px!important;
  
  
  font-size:5.8px!important;
  font-weight:680!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-natal-year-small{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  width:100%!important;
  max-width:78px!important;
}
#rawAstrolabeGrid .raw-natal-year-small b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  
  font-size:5.2px!important;
  line-height:1!important;
  font-weight:560!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}

#rawAstrolabeGrid .raw-palace.natal-age-mode .raw-palace-stars{
  bottom:29px!important;
}


#rawAstrolabeGrid .raw-palace-tags{
  right:5px!important;
}

@media(max-width:380px){
  #rawAstrolabeGrid .raw-natal-year-small{max-width:70px!important;gap:1px!important;}
  #rawAstrolabeGrid .raw-natal-year-small b{font-size:4.8px!important;}
  #rawAstrolabeGrid .raw-natal-decade-age{font-size:5.4px!important;}
  #rawAstrolabeGrid .raw-palace.natal-age-mode .raw-palace-stars{bottom:28px!important;}
}





#rawAstrolabeGrid .raw-center-logo{display:none!important}


#rawAstrolabeGrid .raw-center-core{
  padding:24px 24px 22px!important;
  gap:5px!important;
  overflow:visible!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  
}
#rawAstrolabeGrid .raw-center-brandline{
  min-height:18px!important;
  margin:0 0 2px!important;
  gap:0!important;
}
#rawAstrolabeGrid .raw-center-brandline strong{
  font-size:14px!important;
  line-height:1.05!important;
  letter-spacing:.16em!important;
  font-weight:780!important;
  
  
}


#rawAstrolabeGrid .raw-center-section{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  
  
}
#rawAstrolabeGrid .raw-center-section + .raw-center-section{
  border-top:1px solid rgba(129,170,209,.085)!important;
}

#rawAstrolabeGrid .raw-center-identity{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:6px!important;
  min-height:20px!important;
}
#rawAstrolabeGrid .raw-center-name{
  gap:5px!important;
}
#rawAstrolabeGrid .raw-center-name small,
#rawAstrolabeGrid .raw-center-timegrid small,
#rawAstrolabeGrid .raw-center-mastergrid small,
#rawAstrolabeGrid .raw-center-pillar-title,
#rawAstrolabeGrid .raw-center-pillarcell small{
  font-size:10px!important;
  line-height:1.1!important;
  
  font-weight:560!important;
  letter-spacing:.02em!important;
}
#rawAstrolabeGrid .raw-center-name b{
  font-size:12.8px!important;
  line-height:1.1!important;
  font-weight:720!important;
  
}
#rawAstrolabeGrid .raw-center-identity em{
  min-height:20px!important;
  padding:0 6px!important;
  border-radius:4px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:650!important;
  
  
  border:1px solid rgba(141,182,220,.12)!important;
}


#rawAstrolabeGrid .raw-center-timegrid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  padding:5px 0!important;
  border-bottom:0!important;
}
#rawAstrolabeGrid .raw-center-timegrid span{
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  min-height:18px!important;
}
#rawAstrolabeGrid .raw-center-timegrid small{
  margin:0!important;
  white-space:nowrap!important;
}
#rawAstrolabeGrid .raw-center-timegrid b{
  margin:0!important;
  font-size:11.6px!important;
  line-height:1.1!important;
  font-weight:630!important;
  
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}


#rawAstrolabeGrid .raw-center-mastergrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding:5px 0!important;
}
#rawAstrolabeGrid .raw-center-mastergrid span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
}
#rawAstrolabeGrid .raw-center-mastergrid b{
  font-size:12.6px!important;
  line-height:1!important;
  font-weight:720!important;
  
}


#rawAstrolabeGrid .raw-center-pillars-block{
  padding:5px 0 4px!important;
}
#rawAstrolabeGrid .raw-center-pillar-title{
  margin:0 0 4px!important;
  text-align:left!important;
}
#rawAstrolabeGrid .raw-center-pillargrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
}
#rawAstrolabeGrid .raw-center-pillarcell{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  min-height:31px!important;
  padding:3px 1px!important;
  border-radius:4px!important;
  
  border:1px solid rgba(125,165,202,.075)!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-center-pillargrid.is-normal .raw-center-pillarcell{
  
  
}
#rawAstrolabeGrid .raw-center-pillarcell small{
  margin:0!important;
  font-size:9.4px!important;
  white-space:nowrap!important;
}
#rawAstrolabeGrid .raw-center-pillarcell b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  line-height:1!important;
}
#rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair{
  display:inline-flex!important;
  gap:0!important;
  margin:0!important;
}
#rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair i{
  font-size:12.8px!important;
  line-height:1!important;
  font-weight:760!important;
}


#rawAstrolabeGrid .raw-center-navrow{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  margin-top:auto!important;
  padding-top:3px!important;
}
#rawAstrolabeGrid .raw-center-navrow button,
#rawAstrolabeGrid .raw-center-return-btn,
#rawAstrolabeGrid .raw-center-tool-btn{
  height:24px!important;
  min-height:24px!important;
  border-radius:5px!important;
  padding:0 5px!important;
  font-size:10px!important;
  font-weight:620!important;
  line-height:1!important;
  
  
  border:1px solid rgba(126,172,213,.12)!important;
}
#rawAstrolabeGrid .raw-center-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  width:100%!important;
  margin-top:1px!important;
}
#rawAstrolabeGrid .raw-center-return-btn,
#rawAstrolabeGrid .raw-center-tool-btn{
  width:100%!important;
  min-width:0!important;
}
#rawAstrolabeGrid .raw-center-tool-btn{
  appearance:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  
  
}


#rawAstrolabeGrid .raw-center-tool-popover{
  position:absolute!important;
  left:24px!important;
  right:24px!important;
  bottom:54px!important;
  z-index:80!important;
  display:none!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:8px!important;
  border-radius:8px!important;
  border:1px solid rgba(130,179,220,.18)!important;
  
  
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  pointer-events:auto!important;
}
#rawAstrolabeGrid .raw-center-tool-popover.open{
  display:grid!important;
}
#rawAstrolabeGrid .raw-center-tool-popover button{
  appearance:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  min-height:44px!important;
  padding:6px 8px!important;
  border-radius:6px!important;
  border:1px solid rgba(126,171,211,.11)!important;
  
  
  text-align:left!important;
  cursor:pointer!important;
}
#rawAstrolabeGrid .raw-center-tool-popover button:first-child{
  grid-column:1/-1!important;
}
#rawAstrolabeGrid .raw-center-tool-popover button b{
  margin:0!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:700!important;
  
}
#rawAstrolabeGrid .raw-center-tool-popover button small{
  margin:0!important;
  font-size:9px!important;
  line-height:1!important;
  
}
#rawAstrolabeGrid .raw-center-tool-popover button:active,
#rawAstrolabeGrid .raw-center-tool-btn:active{
  transform:scale(.98)!important;
  
}


#rawAstrolabeGrid .raw-center-focusline{display:none!important}


@media(max-width:380px){
  #rawAstrolabeGrid .raw-center-core{
    padding:24px 22px 21px!important;
    gap:4px!important;
  }
  #rawAstrolabeGrid .raw-center-brandline strong{font-size:13.2px!important;}
  #rawAstrolabeGrid .raw-center-name small,
  #rawAstrolabeGrid .raw-center-timegrid small,
  #rawAstrolabeGrid .raw-center-mastergrid small,
  #rawAstrolabeGrid .raw-center-pillar-title{font-size:9.4px!important;}
  #rawAstrolabeGrid .raw-center-name b{font-size:11.8px!important;}
  #rawAstrolabeGrid .raw-center-timegrid b{font-size:10.6px!important;}
  #rawAstrolabeGrid .raw-center-mastergrid b{font-size:11.8px!important;}
  #rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair i{font-size:11.8px!important;}
  #rawAstrolabeGrid .raw-center-pillarcell small{font-size:8.8px!important;}
  #rawAstrolabeGrid .raw-center-navrow button,
  #rawAstrolabeGrid .raw-center-return-btn,
  #rawAstrolabeGrid .raw-center-tool-btn{font-size:9.4px!important;}
  #rawAstrolabeGrid .raw-center-tool-popover{
    left:22px!important;
    right:22px!important;
  }
}





#rawAstrolabeGrid .raw-center-core{
  gap:2px!important;
}
#rawAstrolabeGrid .raw-center-brandline{
  min-height:19px!important;
  margin:0 0 1px!important;
}
#rawAstrolabeGrid .raw-center-brandline strong{
  font-size:16px!important;
  line-height:1!important;
  letter-spacing:.15em!important;
}
#rawAstrolabeGrid .raw-center-section{
  padding:2px 0!important;
}
#rawAstrolabeGrid .raw-center-section + .raw-center-section{
  border-top-
}
#rawAstrolabeGrid .raw-center-identity{
  min-height:18px!important;
  gap:5px!important;
}
#rawAstrolabeGrid .raw-center-timegrid{
  gap:2px!important;
  padding:2px 0!important;
}
#rawAstrolabeGrid .raw-center-timegrid span{
  min-height:16px!important;
  gap:5px!important;
}
#rawAstrolabeGrid .raw-center-mastergrid{
  gap:5px!important;
  padding:2px 0!important;
}
#rawAstrolabeGrid .raw-center-mastergrid span{
  gap:1px!important;
}
#rawAstrolabeGrid .raw-center-pillars-block{
  padding:2px 0 1px!important;
}
#rawAstrolabeGrid .raw-center-pillar-title{
  margin:0 0 2px!important;
}
#rawAstrolabeGrid .raw-center-pillargrid{
  gap:4px!important;
}
#rawAstrolabeGrid .raw-center-pillarcell{
  min-height:24px!important;
  padding:2px 1px!important;
  gap:0!important;
}

#rawAstrolabeGrid .raw-center-pillarcell small{display:none!important;}
#rawAstrolabeGrid .raw-center-navrow{
  gap:3px!important;
  padding-top:1px!important;
}
#rawAstrolabeGrid .raw-center-actions{
  gap:4px!important;
  margin-top:0!important;
}


#rawAstrolabeGrid .raw-star-item.star-malefic .raw-star-name{
  
}
#rawAstrolabeGrid .raw-star-item.star-pink .raw-star-name{
  
}
#rawAstrolabeGrid .raw-star-item.star-benefic .raw-star-name{
  
}
#rawAstrolabeGrid .raw-star-item.star-other .raw-star-name{
  
}

#rawAstrolabeGrid .raw-star-item.flight-hit.star-malefic .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-pink .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-benefic .raw-star-name{}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-other .raw-star-name{}


#rawAstrolabeGrid .raw-cycle-stars-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  position:absolute!important;
  left:auto!important;
  right:1px!important;
  bottom:auto!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:auto!important;
  width:auto!important;
  max-width:calc(100% - 24px)!important;
  min-height:10px!important;
  max-height:10px!important;
  margin:0!important;
  padding:0!important;
  gap:1px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  transform-origin:right center!important;
  z-index:9!important;
  pointer-events:none!important;
  line-height:1!important;
}
#rawAstrolabeGrid .raw-cycle-stars-row{
  top:47%!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(47% + 12px)!important;
}
#rawAstrolabeGrid .raw-cycle-stars-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:8px!important;
  height:9px!important;
  margin:0!important;
  padding:0!important;
  font-size:5.9px!important;
  line-height:9px!important;
  letter-spacing:0!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
}

@media(max-width:380px){
  #rawAstrolabeGrid .raw-center-brandline strong{font-size:15.2px!important;}
  #rawAstrolabeGrid .raw-center-core{gap:1px!important;}
  #rawAstrolabeGrid .raw-center-section{padding:1px 0!important;}
  #rawAstrolabeGrid .raw-center-timegrid{gap:1px!important;padding:1px 0!important;}
  #rawAstrolabeGrid .raw-center-mastergrid{padding:1px 0!important;}
  #rawAstrolabeGrid .raw-center-pillars-block{padding:1px 0!important;}
  #rawAstrolabeGrid .raw-center-pillarcell{min-height:22px!important;}
}





:scope.raw-chart-page-active .app{
  padding-bottom:0!important;
}
:scope.raw-chart-page-active #chartPage.raw-chart-page{
  height:calc(var(--raw-chart-page-height,100dvh) - 58px - env(safe-area-inset-bottom,0px))!important;
  padding-bottom:0!important;
}
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope{
  height:100%!important;
  min-height:0!important;
}
:scope.raw-chart-page-active #rawAstrolabeCard{
  height:100%!important;
}


#rawAstrolabeGrid .raw-center-actions,
#rawAstrolabeGrid .raw-center-tool-popover{
  display:none!important;
}


#rawAstrolabeGrid .raw-center-timegrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  padding:2px 0!important;
}
#rawAstrolabeGrid .raw-center-timegrid > span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  width:100%!important;
  min-height:31px!important;
  padding:2px 2px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:4px!important;
  
  border:1px solid rgba(126,170,209,.055)!important;
}
#rawAstrolabeGrid .raw-center-timegrid small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:9.6px!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
#rawAstrolabeGrid .raw-center-timegrid b{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:10.8px!important;
  line-height:1.08!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  transform-origin:center center!important;
}


#rawAstrolabeGrid .raw-center-core,
#rawAstrolabeGrid .raw-center-section,
#rawAstrolabeGrid .raw-center-identity,
#rawAstrolabeGrid .raw-center-mastergrid,
#rawAstrolabeGrid .raw-center-pillargrid,
#rawAstrolabeGrid .raw-center-navrow{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-center-core b,
#rawAstrolabeGrid .raw-center-core strong,
#rawAstrolabeGrid .raw-center-core em,
#rawAstrolabeGrid .raw-center-core small{
  max-width:100%!important;
}


#rawAstrolabeGrid .raw-star-item.star-malefic .raw-star-name{
  
}
#rawAstrolabeGrid .raw-star-item.flight-hit.star-malefic .raw-star-name{
  
}


.raw-chart-mobile-nav{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  z-index:260!important;
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  width:min(100%,760px)!important;
  height:calc(58px + env(safe-area-inset-bottom,0px))!important;
  padding:4px 8px env(safe-area-inset-bottom,0px)!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(137,174,207,.12)!important;
  
  
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
:scope.raw-chart-page-active .raw-chart-mobile-nav{
  display:grid!important;
}
.raw-chart-mobile-nav button{
  appearance:none!important;
  min-width:0!important;
  border:0!important;
  border-radius:8px!important;
  
  
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:2px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:620!important;
  cursor:pointer!important;
}
.raw-chart-mobile-nav button i{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:18px!important;
  font-style:normal!important;
  font-size:16px!important;
  line-height:1!important;
  
}
.raw-chart-mobile-nav button:active,
.raw-chart-mobile-nav button.active{
  
  
}


.raw-chart-sheet{
  position:fixed!important;
  inset:0!important;
  z-index:310!important;
  display:none!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  
  box-sizing:border-box!important;
}
.raw-chart-sheet.open{
  display:flex!important;
}
.raw-chart-sheet-panel{
  width:min(100%,760px)!important;
  max-height:min(72dvh,620px)!important;
  overflow:hidden!important;
  padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  border-radius:14px 14px 0 0!important;
  border:1px solid rgba(129,171,207,.14)!important;
  border-bottom:0!important;
  
  
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.raw-chart-sheet-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:34px!important;
  margin-bottom:8px!important;
}
.raw-chart-sheet-head strong{
  font-size:14px!important;
  line-height:1!important;
  font-weight:730!important;
  letter-spacing:.08em!important;
  
}
.raw-chart-sheet-head small{
  display:block!important;
  margin-top:4px!important;
  font-size:9px!important;
  
}
.raw-chart-sheet-close{
  appearance:none!important;
  width:30px!important;
  height:30px!important;
  border-radius:7px!important;
  border:1px solid rgba(137,178,213,.12)!important;
  
  
  font-size:18px!important;
  cursor:pointer!important;
}


.raw-chart-profile-filters{
  display:flex!important;
  flex-flow:row nowrap!important;
  gap:5px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  padding:1px 0 8px!important;
}
.raw-chart-profile-filters::-webkit-scrollbar{display:none!important;}
.raw-chart-profile-filters button{
  appearance:none!important;
  flex:0 0 auto!important;
  min-height:27px!important;
  padding:0 9px!important;
  border-radius:6px!important;
  border:1px solid rgba(129,169,202,.11)!important;
  
  
  font-size:10px!important;
  white-space:nowrap!important;
}
.raw-chart-profile-filters button.active{
  
  
  
}

.raw-chart-profile-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  max-height:min(50dvh,430px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:1px!important;
}
.raw-chart-profile-item{
  appearance:none!important;
  width:100%!important;
  min-height:48px!important;
  padding:7px 9px!important;
  box-sizing:border-box!important;
  border-radius:7px!important;
  border:1px solid rgba(125,166,200,.09)!important;
  
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  text-align:left!important;
  
  cursor:pointer!important;
}
.raw-chart-profile-item > span{
  min-width:0!important;
}
.raw-chart-profile-item b{
  display:block!important;
  margin:0 0 4px!important;
  font-size:12px!important;
  line-height:1!important;
  
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.raw-chart-profile-item small{
  display:block!important;
  font-size:9px!important;
  line-height:1.2!important;
  
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.raw-chart-profile-item em{
  align-self:center!important;
  font-style:normal!important;
  font-size:9px!important;
  
}
.raw-chart-profile-item.current{
  
  
}
.raw-chart-profile-empty{
  padding:22px 8px!important;
  text-align:center!important;
  
  font-size:11px!important;
}


.raw-chart-tool-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
.raw-chart-tool-list button{
  appearance:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:43px!important;
  padding:7px 10px!important;
  border-radius:7px!important;
  border:1px solid rgba(127,169,204,.10)!important;
  
  
  text-align:left!important;
  cursor:pointer!important;
}
.raw-chart-tool-list button b{
  font-size:12px!important;
  line-height:1!important;
  font-weight:680!important;
}
.raw-chart-tool-list button small{
  font-size:9px!important;
  
  text-align:right!important;
}
.raw-chart-tool-list button:active,
.raw-chart-profile-item:active{
  
  transform:scale(.995)!important;
}

@media(max-width:380px){
  :scope.raw-chart-page-active #chartPage.raw-chart-page{
    height:calc(var(--raw-chart-page-height,100dvh) - 56px - env(safe-area-inset-bottom,0px))!important;
  }
  .raw-chart-mobile-nav{
    height:calc(56px + env(safe-area-inset-bottom,0px))!important;
  }
  #rawAstrolabeGrid .raw-center-timegrid{
    gap:1px!important;
  }
  #rawAstrolabeGrid .raw-center-timegrid > span{
    padding:2px 1px!important;
  }
  #rawAstrolabeGrid .raw-center-timegrid small{font-size:8.9px!important;}
  #rawAstrolabeGrid .raw-center-timegrid b{font-size:9.8px!important;}
}





#rawAstrolabeGrid{
  overflow:visible!important;
  isolation:isolate!important;
}
#rawSelfArrowOverlay{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  z-index:2147483640!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  
  
  
  font-size:14px!important;
  line-height:16px!important;
  font-weight:900!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay.lu{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.quan{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.ke{}
#rawSelfArrowOverlay .raw-self-arrow-overlay.ji{}


#rawAstrolabeGrid .raw-palace .raw-self-arrows{
  position:absolute!important;
  inset:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


#rawAstrolabeGrid .raw-palace-stars{
  position:absolute!important;
}
#rawAstrolabeGrid .raw-mutagen-box{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:11!important;
}
#rawAstrolabeGrid .raw-transform-scope{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  white-space:normal!important;
  overflow:visible!important;
  transform:none!important;
  transform-origin:center!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid .raw-transform-star{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  width:var(--raw-transform-box)!important;
  height:var(--raw-transform-box)!important;
  min-width:var(--raw-transform-box)!important;
  max-width:var(--raw-transform-box)!important;
  flex:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:2px!important;
  font-size:var(--raw-transform-font)!important;
  line-height:1!important;
  transform:none!important;
  transform-origin:center!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid .raw-transform-star em{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:var(--raw-transform-font)!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:center!important;
  font-style:normal!important;
}


#rawAstrolabeGrid .raw-star-bright{
  display:block!important;
  flex:0 0 auto!important;
  margin-top:2px!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  writing-mode:vertical-rl!important;
  text-orientation:upright!important;
}


#rawAstrolabeGrid .raw-star-item[data-star-name="截路"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item[data-star-name="旬中"] .raw-star-name{
  
}





#rawAstrolabeGrid .raw-star-item.major .raw-star-name,
#rawAstrolabeGrid .raw-star-item.major.flight-hit .raw-star-name{
  
}


:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active #chartPage.raw-chart-page{
  height:calc(var(--raw-chart-page-height,100dvh) - 54px)!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.raw-chart-mobile-nav{
  bottom:0!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:2px 8px 0!important;
  margin:0!important;
  border:0!important;
  border-top:0!important;
  
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.raw-chart-mobile-nav button{
  height:52px!important;
  min-height:52px!important;
  padding:2px!important;
  border:0!important;
  
  
  border-radius:7px!important;
}
.raw-chart-mobile-nav button:active,
.raw-chart-mobile-nav button.active{
  
}
.raw-chart-mobile-nav button i{
  
}
.raw-chart-mobile-nav button span{
  
}


#rawAstrolabeGrid .raw-center-core{
  
  border:1px solid rgba(141,177,207,.14)!important;
  border-radius:8px!important;
  
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}


#rawAstrolabeGrid .raw-center-timegrid{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  padding:2px 0!important;
}
#rawAstrolabeGrid .raw-center-timegrid > span{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  min-height:17px!important;
  height:auto!important;
  padding:1px 2px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  
  overflow:hidden!important;
}
#rawAstrolabeGrid .raw-center-timegrid small{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:10.2px!important;
  line-height:1!important;
  font-weight:520!important;
  
  text-align:left!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
#rawAstrolabeGrid .raw-center-timegrid small::after{
  content:"："!important;
}
#rawAstrolabeGrid .raw-center-timegrid b{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font-size:11.2px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
  
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  transform-origin:left center!important;
}


#rawAstrolabeGrid .raw-center-section{
  
}
#rawAstrolabeGrid .raw-center-brandline strong{
  
}


.raw-chart-sheet-panel{
  padding-bottom:14px!important;
}

@media(max-width:380px){
  :scope.raw-chart-page-active #chartPage.raw-chart-page{
    height:calc(var(--raw-chart-page-height,100dvh) - 52px)!important;
  }
  .raw-chart-mobile-nav{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding-bottom:0!important;
  }
  .raw-chart-mobile-nav button{
    height:50px!important;
    min-height:50px!important;
  }
  #rawAstrolabeGrid .raw-center-timegrid small{
    font-size:9.5px!important;
  }
  #rawAstrolabeGrid .raw-center-timegrid b{
    font-size:10.4px!important;
  }
}





:scope,
:scope,
:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active #chartPage.raw-chart-page{
  padding-bottom:0!important;
  margin-bottom:0!important;
  bottom:0!important;
  height:calc(var(--raw-chart-page-height,100dvh) - 50px)!important;
}
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope,
:scope.raw-chart-page-active #rawAstrolabeCard{
  margin-bottom:0!important;
  padding-bottom:0!important;
}


:scope.raw-chart-page-active #rawFortuneHost{
  padding-bottom:0!important;
  margin-bottom:0!important;
}


:scope.raw-chart-page-active .raw-chart-mobile-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  height:51px!important;
  min-height:51px!important;
  max-height:51px!important;
  padding:1px 8px 0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:0!important;
  
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:2147483600!important;
}
:scope.raw-chart-page-active .raw-chart-mobile-nav button{
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:1px 2px 0!important;
  
  border:0!important;
  
}
:scope.raw-chart-page-active .raw-chart-mobile-nav button:active,
:scope.raw-chart-page-active .raw-chart-mobile-nav button.active{
  
}


#rawAstrolabeGrid .raw-center-core{
  
  border:1px solid rgba(174,203,226,.16)!important;
  border-radius:8px!important;
  
  backdrop-filter:blur(11px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(115%)!important;
}


#rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name,
#rawAstrolabeGrid .raw-star-item.flight-hit.major .raw-star-name,
#rawAstrolabeGrid .raw-star-item.flight-hit.star-benefic .raw-star-name,
#rawAstrolabeGrid .raw-star-item.flight-hit.star-malefic .raw-star-name,
#rawAstrolabeGrid .raw-star-item.flight-hit.star-pink .raw-star-name,
#rawAstrolabeGrid .raw-star-item.flight-hit.star-other .raw-star-name{
  
}


#rawAstrolabeGrid .raw-cycle-stars-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  width:auto!important;
  max-width:calc(100% - 22px)!important;
  min-height:24px!important;
  max-height:30px!important;
  overflow:visible!important;
  white-space:normal!important;
  transform-origin:right top!important;
}
#rawAstrolabeGrid .raw-cycle-stars-row{
  top:39%!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(39% + 31px)!important;
}
#rawAstrolabeGrid .raw-cycle-stars-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 8px!important;
  width:8px!important;
  min-width:8px!important;
  max-width:8px!important;
  height:auto!important;
  min-height:20px!important;
  max-height:30px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  writing-mode:vertical-rl!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-size:5.8px!important;
}
#rawAstrolabeGrid .raw-cycle-star-item > b,
#rawAstrolabeGrid .raw-cycle-star-item > span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
  writing-mode:vertical-rl!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
}
#rawAstrolabeGrid .raw-cycle-star-item > b{
  font-weight:800!important;
  opacity:.92!important;
}


@media(max-width:380px){
  :scope.raw-chart-page-active #chartPage.raw-chart-page{
    height:calc(var(--raw-chart-page-height,100dvh) - 48px)!important;
  }
  :scope.raw-chart-page-active .raw-chart-mobile-nav{
    height:49px!important;
    min-height:49px!important;
    max-height:49px!important;
  }
  :scope.raw-chart-page-active .raw-chart-mobile-nav button{
    height:48px!important;
    min-height:48px!important;
  }
  #rawAstrolabeGrid .raw-cycle-stars-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
    flex-basis:7px!important;
    width:7px!important;
    min-width:7px!important;
    max-width:7px!important;
    font-size:5.4px!important;
  }
}






:scope.raw-chart-page-active #chartPage.page.active{
  contain:none!important;
}
#chartPage.raw-chart-page:not(.raw-edge-swiping):not(.raw-edge-snapback):not(.raw-edge-leaving){
  transform:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
}


:scope,
:scope,
:scope.raw-chart-page-active,
:scope.raw-chart-page-active .app{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active .raw-chart-mobile-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100vw!important;
  max-width:100vw!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:2147483644!important;
}
:scope.raw-chart-page-active .raw-chart-mobile-nav button{
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:0!important;
  
}


:scope.raw-chart-page-active #chartPage.raw-chart-page{
  height:calc(var(--raw-chart-page-height,100dvh) - 50px)!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}


:scope{--raw-fortune-fixed-h:190px!important;}
#rawFortuneHost{
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-matrix{
  display:grid!important;
  grid-template-rows:27px 34px 20px 81px 28px!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  align-content:stretch!important;
  overflow:hidden!important;
}
#rawFortuneHost .raw-fortune-hour{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  overflow:visible!important;
  z-index:4!important;
}
#rawFortuneHost .raw-fortune-hour .raw-fortune-strip-wrap,
#rawFortuneHost .raw-fortune-hour .raw-fortune-strip,
#rawFortuneHost .raw-fortune-hour .raw-fortune-grid10,
#rawFortuneHost .raw-fortune-hour .raw-fortune-cell{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  visibility:visible!important;
  opacity:1!important;
}


#rawAstrolabeGrid .raw-center-core{
  z-index:20!important;
  
  border:1px solid rgba(177,207,231,.17)!important;
  border-radius:8px!important;
  
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
}


#rawAstrolabeGrid .raw-center-svg{
  z-index:45!important;
  pointer-events:none!important;
  overflow:visible!important;
}
#rawAstrolabeGrid .raw-center-triad,
#rawAstrolabeGrid .raw-center-opposite{
  opacity:.82!important;
}


#rawSelfArrowOverlay{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483642!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay,
#rawSelfArrowOverlay .raw-self-arrow-overlay.in,
#rawSelfArrowOverlay .raw-self-arrow-overlay.out{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:17px!important;
  height:17px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  
  
  
  font-size:15px!important;
  line-height:17px!important;
  font-weight:900!important;
  overflow:visible!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay.out{
  z-index:4!important;
}


#rawAstrolabeGrid .raw-cycle-stars-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  width:auto!important;
  max-width:calc(100% - 20px)!important;
  overflow:visible!important;
  white-space:normal!important;
  transform-origin:right top!important;
}
#rawAstrolabeGrid .raw-cycle-stars-row{
  top:37%!important;
  min-height:30px!important;
  max-height:34px!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(37% + 34px)!important;
  min-height:30px!important;
  max-height:34px!important;
}
#rawAstrolabeGrid .raw-cycle-stars-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  display:inline-block!important;
  flex:0 0 9px!important;
  width:9px!important;
  min-width:9px!important;
  max-width:9px!important;
  height:auto!important;
  min-height:22px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  writing-mode:vertical-rl!important;
  -webkit-writing-mode:vertical-rl!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-size:6.1px!important;
  text-align:start!important;
}
#rawAstrolabeGrid .raw-cycle-star-item > b,
#rawAstrolabeGrid .raw-cycle-star-item > span{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
  writing-mode:inherit!important;
  -webkit-writing-mode:inherit!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
}


#chartPage.raw-profile-switching #rawAstrolabeGrid{
  opacity:.78!important;
  transition:opacity .10s linear!important;
}
#chartPage.raw-profile-switched #rawAstrolabeGrid{
  animation:v143ProfileIn .14s ease-out both!important;
}
@keyframes v143ProfileIn{
  from{opacity:.82}
  to{opacity:1}
}


.raw-chart-edge-back-zone{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:50px!important;
  width:30px!important;
  z-index:2147483635!important;
  display:none!important;
  
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
:scope.raw-chart-page-active .raw-chart-edge-back-zone{
  display:block!important;
}

@media(max-width:380px){
  :scope.raw-chart-page-active #chartPage.raw-chart-page{
    height:calc(var(--raw-chart-page-height,100dvh) - 48px)!important;
  }
  :scope.raw-chart-page-active .raw-chart-mobile-nav{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  :scope.raw-chart-page-active .raw-chart-mobile-nav button{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  .raw-chart-edge-back-zone{bottom:48px!important;}
  #rawAstrolabeGrid .raw-cycle-stars-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
    font-size:5.7px!important;
    width:8px!important;
    min-width:8px!important;
    max-width:8px!important;
    flex-basis:8px!important;
  }
}





#rawAstrolabeCard.raw-astrolabe-card{
  box-sizing:border-box!important;
  grid-template-rows:minmax(0,1fr) 190px!important;
  gap:11px!important;
  padding:0 0 12px!important;
}


#rawFortuneHost{
  align-self:end!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  margin:0!important;
  padding:0!important;
}


:scope.raw-chart-page-active .raw-chart-mobile-nav{
  bottom:0!important;
}


#rawSelfArrowOverlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:2147483647!important;
  contain:none!important;
  transform:none!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay,
#rawSelfArrowOverlay .raw-self-arrow-overlay.in,
#rawSelfArrowOverlay .raw-self-arrow-overlay.out{
  position:absolute!important;
  z-index:2147483647!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  
  
  
  font-size:15px!important;
  line-height:17px!important;
  font-weight:900!important;
  overflow:visible!important;
  pointer-events:none!important;
}


#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  position:absolute!important;
  right:3px!important;
  left:auto!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  width:auto!important;
  max-width:calc(100% - 20px)!important;
  min-height:27px!important;
  max-height:29px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  transform-origin:right top!important;
  z-index:9!important;
}
#rawAstrolabeGrid .raw-cycle-top-row{
  top:31%!important;
}
#rawAstrolabeGrid .raw-cycle-middle-row{
  top:calc(31% + 29px)!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(31% + 58px)!important;
}


#rawAstrolabeGrid .raw-cycle-stars-row.raw-cycle-top-row{
  top:31%!important;
  min-height:27px!important;
  max-height:29px!important;
}


#rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  display:inline-block!important;
  flex:0 0 9px!important;
  width:9px!important;
  min-width:9px!important;
  max-width:9px!important;
  height:auto!important;
  min-height:18px!important;
  max-height:29px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  writing-mode:vertical-rl!important;
  -webkit-writing-mode:vertical-rl!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-size:6.2px!important;
  text-align:start!important;
}
#rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item > span,
#rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item > span,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item > span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:1!important;
  writing-mode:inherit!important;
  -webkit-writing-mode:inherit!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
}


#rawAstrolabeGrid .raw-cycle-star-item > b{
  display:none!important;
}


#rawAstrolabeGrid .raw-center-core{
  
  border:1px solid rgba(177,207,231,.13)!important;
  
  backdrop-filter:blur(10px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(108%)!important;
}


:scope:not(.raw-chart-page-active) #rawSelfArrowOverlay{
  display:none!important;
}


#chartPage.raw-edge-swiping ~ #rawSelfArrowOverlay,
#chartPage.raw-edge-leaving ~ #rawSelfArrowOverlay{
  visibility:hidden!important;
}

@media(max-width:380px){
  #rawAstrolabeCard.raw-astrolabe-card{
    padding-bottom:11px!important;
  }
  #rawAstrolabeGrid .raw-cycle-top-row,
  #rawAstrolabeGrid .raw-cycle-middle-row,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row{
    gap:1px!important;
  }
  #rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
    flex-basis:8px!important;
    width:8px!important;
    min-width:8px!important;
    max-width:8px!important;
    font-size:5.8px!important;
  }
}




:scope{
  --raw-chart-nav-h:50px;
  --raw-fortune-lift:28px;
}


#rawAstrolabeCard.raw-astrolabe-card{
  box-sizing:border-box!important;
  grid-template-rows:minmax(0,1fr) 190px!important;
  gap:11px!important;
  padding:0 0 var(--raw-fortune-lift)!important;
}
#rawFortuneHost{
  align-self:end!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  margin:0!important;
  padding:0!important;
}


.raw-chart-mobile-nav .raw-fortune-hour,
.raw-chart-mobile-nav [id^="fortuneHour"],
.raw-chart-mobile-nav .raw-fortune-row{
  display:none!important;
}


#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  right:3px!important;
  gap:1px!important;
  min-height:19px!important;
  max-height:20px!important;
  line-height:1!important;
}
#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-stars-row.raw-cycle-top-row{
  top:34%!important;
  min-height:19px!important;
  max-height:20px!important;
}
#rawAstrolabeGrid .raw-cycle-middle-row{
  top:calc(34% + 20px)!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(34% + 40px)!important;
}

#rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  flex:0 0 9px!important;
  width:9px!important;
  min-width:9px!important;
  max-width:9px!important;
  min-height:15px!important;
  max-height:20px!important;
  font-size:6.4px!important;
  line-height:1!important;
  writing-mode:vertical-rl!important;
  -webkit-writing-mode:vertical-rl!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
#rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item > span,
#rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item > span,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item > span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font:inherit!important;
  writing-mode:inherit!important;
  -webkit-writing-mode:inherit!important;
  text-orientation:upright!important;
  white-space:nowrap!important;
}


:scope.raw-chart-page-active .raw-chart-sheet{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:var(--raw-chart-nav-h)!important;
  inset:auto 0 var(--raw-chart-nav-h) 0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  align-items:flex-end!important;
  justify-content:center!important;
  z-index:2147483500!important;
}
:scope.raw-chart-page-active .raw-chart-sheet-panel{
  margin:0!important;
  padding:12px 12px 14px!important;
  border-radius:14px 14px 0 0!important;
  border-bottom:1px solid rgba(129,171,207,.10)!important;
  transform-origin:center bottom!important;
}
:scope.raw-chart-page-active .raw-chart-sheet.open .raw-chart-sheet-panel{
  animation:v145SheetUp .16s cubic-bezier(.2,.75,.22,1) both!important;
}
@keyframes v145SheetUp{
  from{transform:translate3d(0,14px,0);opacity:.82}
  to{transform:translate3d(0,0,0);opacity:1}
}


:scope.raw-chart-page-active .raw-chart-mobile-nav{
  z-index:2147483644!important;
  
}


@media(max-width:380px){
  :scope{
    --raw-chart-nav-h:48px;
    --raw-fortune-lift:26px;
  }
  #rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
    flex-basis:8px!important;
    width:8px!important;
    min-width:8px!important;
    max-width:8px!important;
    font-size:6px!important;
  }
}




:scope{
  --raw-chart-nav-h:50px;
  --raw-fortune-lift:36px;
}


#rawSelfArrowOverlay{
  z-index:2147483647!important;
  overflow:visible!important;
}
#rawSelfArrowOverlay .raw-self-arrow-overlay{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  max-width:17px!important;
  max-height:17px!important;
  position:absolute!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
}


#rawAstrolabeGrid .raw-palace-tags.dual{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:1px!important;
  width:auto!important;
  max-width:10px!important;
}
#rawAstrolabeGrid .raw-palace-tags.dual .raw-palace-tag{
  flex:0 0 auto!important;
  margin:0!important;
}


#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  min-height:16px!important;
  max-height:17px!important;
  gap:1px!important;
}
#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-stars-row.raw-cycle-top-row{
  top:36%!important;
}
#rawAstrolabeGrid .raw-cycle-middle-row{
  top:calc(36% + 17px)!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(36% + 34px)!important;
}
#rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  min-height:14px!important;
  max-height:17px!important;
  font-size:6.3px!important;
  line-height:.95!important;
}


#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 190px!important;
  gap:11px!important;
  padding:0 0 var(--raw-fortune-lift)!important;
}


[data-raw-chart-sheet="profiles"]{
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  width:min(calc(100% - 16px),744px)!important;
  max-height:min(70dvh,610px)!important;
  margin:0 8px 8px!important;
  padding:15px 14px 16px!important;
  border-radius:16px!important;
  border:1px solid rgba(151,190,222,.16)!important;
  
  
  backdrop-filter:blur(22px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(118%)!important;
  overflow:hidden!important;
}
[data-raw-chart-sheet="profiles"] .raw-life-archive-head{
  min-height:46px!important;
  margin:0 0 11px!important;
  padding:0 2px 10px!important;
  border-bottom:1px solid rgba(143,181,211,.09)!important;
}
[data-raw-chart-sheet="profiles"] .raw-life-archive-head strong{
  font-size:17px!important;
  font-weight:760!important;
  letter-spacing:.12em!important;
  
}
[data-raw-chart-sheet="profiles"] .raw-life-archive-head small{
  margin-top:6px!important;
  font-size:9.5px!important;
  
  letter-spacing:.03em!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-filters{
  gap:6px!important;
  padding:0 0 11px!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-filters button{
  height:29px!important;
  min-height:29px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  border:1px solid rgba(135,174,205,.10)!important;
  
  font-size:10px!important;
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-filters button.active{
  
  
  
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  gap:7px!important;
  max-height:min(48dvh,410px)!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-item{
  min-height:58px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  border:1px solid rgba(124,164,194,.09)!important;
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-item.current{
  
  
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-item b{
  font-size:13px!important;
  margin-bottom:5px!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-item small{
  font-size:9.5px!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-item em{
  padding:4px 7px!important;
  border-radius:6px!important;
  
}


[data-raw-chart-sheet="tools"]{
  left:auto!important;
  right:0!important;
  width:33.333333vw!important;
  max-width:253px!important;
  
  pointer-events:none!important;
}
[data-raw-chart-sheet="tools"].open{
  display:flex!important;
}
[data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  pointer-events:auto!important;
  width:calc(100% - 8px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0 4px 7px!important;
  padding:8px!important;
  border-radius:12px!important;
  border:1px solid rgba(145,183,214,.15)!important;
  
  
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
[data-raw-chart-sheet="tools"] .raw-tool-sheet-head{
  min-height:29px!important;
  margin:0 0 5px!important;
  padding:0 2px 5px!important;
  border-bottom:1px solid rgba(133,170,200,.08)!important;
}
[data-raw-chart-sheet="tools"] .raw-tool-sheet-head strong{
  font-size:12px!important;
  letter-spacing:.10em!important;
}
[data-raw-chart-sheet="tools"] .raw-chart-sheet-close{
  width:24px!important;
  height:24px!important;
  font-size:15px!important;
}
[data-raw-chart-sheet="tools"] .raw-chart-tool-list{
  gap:4px!important;
}
[data-raw-chart-sheet="tools"] .raw-chart-tool-list button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 4px!important;
  border-radius:8px!important;
  text-align:center!important;
  
}
[data-raw-chart-sheet="tools"] .raw-chart-tool-list button b{
  font-size:10.5px!important;
  white-space:nowrap!important;
}
[data-raw-chart-sheet="tools"] .raw-chart-tool-list button small{
  display:none!important;
}

@media(max-width:380px){
  :scope{--raw-chart-nav-h:48px;--raw-fortune-lift:34px;}
  [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{margin-bottom:7px!important;}
  [data-raw-chart-sheet="tools"]{width:33.333333vw!important;}
  #rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
    font-size:5.9px!important;
  }
}



.page{
  transition:opacity .12s ease!important;
}
.page:not(.active){
  pointer-events:none!important;
}


:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-core{
  backdrop-filter:blur(6px) saturate(104%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(104%)!important;
}


#chartPage.raw-profile-switching,
#chartPage.raw-profile-switching #rawChartPageBody{
  
}




:scope{
  
  --raw-fortune-lift:56px!important;
}


#rawSelfArrowOverlay .raw-self-arrow-overlay,
#rawSelfArrowOverlay .raw-self-arrow-overlay.in,
#rawSelfArrowOverlay .raw-self-arrow-overlay.out{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  max-width:15px!important;
  max-height:15px!important;
  font-size:14px!important;
  line-height:15px!important;
}


#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 190px!important;
  gap:11px!important;
  padding:0 0 var(--raw-fortune-lift)!important;
}


#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  min-height:13px!important;
  max-height:14px!important;
  gap:1px!important;
}

#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-stars-row.raw-cycle-top-row{
  top:36%!important;
  min-height:13px!important;
  max-height:14px!important;
}
#rawAstrolabeGrid .raw-cycle-middle-row{
  top:calc(36% + 14px)!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  top:calc(36% + 28px)!important;
}

#rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
  min-height:12px!important;
  max-height:14px!important;
  font-size:6.1px!important;
  line-height:.92!important;
  margin:0!important;
  padding:0!important;
}


#rawSelfArrowOverlay{
  overflow:visible!important;
  z-index:2147483647!important;
}

@media(max-width:380px){
  :scope{
    
    --raw-fortune-lift:54px!important;
  }
  #rawAstrolabeGrid .raw-cycle-top-row,
  #rawAstrolabeGrid .raw-cycle-middle-row,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row{
    min-height:12px!important;
    max-height:13px!important;
  }
  #rawAstrolabeGrid .raw-cycle-middle-row{
    top:calc(36% + 13px)!important;
  }
  #rawAstrolabeGrid .raw-cycle-smalllimit-row{
    top:calc(36% + 26px)!important;
  }
  #rawAstrolabeGrid .raw-cycle-top-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-middle-row .raw-cycle-star-item,
  #rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item{
    min-height:11px!important;
    max-height:13px!important;
    font-size:5.8px!important;
  }
}


:scope{
  
  --raw-fortune-lift:86px!important;
}
#rawAstrolabeCard.raw-astrolabe-card{
  padding-bottom:var(--raw-fortune-lift)!important;
  gap:11px!important;
}


#rawAstrolabeGrid .raw-center-brandline{
  transform:translateY(-2px)!important;
}


:scope.raw-chart-page-active [data-raw-chart-sheet="tools"]{
  left:auto!important;
  right:6px!important;
  width:min(31.5vw,190px)!important;
  bottom:calc(var(--raw-chart-nav-h) + 6px)!important;
  inset:auto 6px calc(var(--raw-chart-nav-h) + 6px) auto!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  
  pointer-events:none!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  width:100%!important;
  margin:0!important;
  pointer-events:auto!important;
}


:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  bottom:calc(var(--raw-chart-nav-h) + 6px)!important;
  inset:auto 0 calc(var(--raw-chart-nav-h) + 6px) 0!important;
}


.raw-capture-preview{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  box-sizing:border-box!important;
  
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.raw-capture-preview.open{display:flex!important;}
.raw-capture-preview-card{
  width:min(82vw,380px)!important;
  max-height:88dvh!important;
  padding:10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(159,192,219,.18)!important;
  border-radius:12px!important;
  
  
}
.raw-capture-preview-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:30px!important;
  margin-bottom:8px!important;
}
.raw-capture-preview-head strong{font-size:13px!important;}
.raw-capture-preview-head button{
  width:28px!important;height:28px!important;border:0!important;border-radius:7px!important;
  font-size:18px!important;
}
.raw-capture-preview-image{
  width:100%!important;
  max-height:68dvh!important;
  overflow:auto!important;
  border-radius:8px!important;
  
}
.raw-capture-preview-image img{
  display:block!important;width:100%!important;height:auto!important;margin:0!important;
}
.raw-capture-save-btn{
  width:100%!important;height:40px!important;margin-top:9px!important;
  border:1px solid rgba(126,177,216,.20)!important;border-radius:8px!important;
  
  font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;
}

@media(max-width:380px){
  :scope{--raw-fortune-lift:84px!important;}
  :scope.raw-chart-page-active [data-raw-chart-sheet="tools"]{
    right:5px!important;
    width:min(32vw,170px)!important;
  }
}



:scope{
  
  --raw-fortune-bottom-spacer:105px;
}


#rawAstrolabeCard.raw-astrolabe-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) 190px var(--raw-fortune-bottom-spacer)!important;
  row-gap:11px!important;
  column-gap:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#rawAstrolabeGrid.raw-astrolabe-grid{
  grid-row:1!important;
  min-height:0!important;
  height:100%!important;
}
#rawFortuneHost{
  grid-row:2!important;
  align-self:stretch!important;
  height:190px!important;
  min-height:190px!important;
  max-height:190px!important;
  margin:0!important;
  padding:0!important;
}
#rawAstrolabeCard.raw-astrolabe-card::after{
  content:"";
  grid-row:3!important;
  display:block!important;
  width:100%!important;
  height:var(--raw-fortune-bottom-spacer)!important;
  min-height:var(--raw-fortune-bottom-spacer)!important;
  pointer-events:none!important;
}


:scope.raw-chart-page-active #galaxyCanvas,
:scope.raw-chart-page-active canvas.galaxy,
:scope.raw-chart-page-active .galaxy-canvas{
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:380px){
  :scope{
    
    --raw-fortune-bottom-spacer:103px;
  }
}





:scope{
  --raw-fortune-bottom-spacer:0px!important;
}

#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 190px 0px!important;
  row-gap:11px!important;
  padding:0!important;
}

#rawAstrolabeCard.raw-astrolabe-card::after{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
}


#rawAstrolabeCard.raw-astrolabe-card{
  --raw-fortune-lift:0px!important;
}

@media(max-width:380px){
  :scope{
    --raw-fortune-bottom-spacer:0px!important;
  }
}





#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 190px 10px!important;
  row-gap:11px!important;
  padding:0!important;
}
#rawAstrolabeCard.raw-astrolabe-card::after{
  content:""!important;
  display:block!important;
  height:10px!important;
  min-height:10px!important;
  max-height:10px!important;
}


#rawAstrolabeGrid .raw-star-item{
  --raw-star-meta-gap:1.6px;
  --raw-bright-fs:6px;
}
#rawAstrolabeGrid .raw-star-bright{
  position:relative!important;
  z-index:13!important;
  display:block!important;
  visibility:visible!important;
  opacity:.84!important;
  flex:0 0 auto!important;
  min-width:1em!important;
  min-height:.9em!important;
  margin-top:var(--raw-star-meta-gap)!important;
  font-size:var(--raw-bright-fs)!important;
  line-height:1!important;
  overflow:visible!important;
  white-space:nowrap!important;
}


#rawAstrolabeGrid .raw-palace-stars{
  overflow:visible!important;
}
#rawAstrolabeGrid .raw-star-item,
#rawAstrolabeGrid .raw-stars-row{
  overflow:visible!important;
}


#rawAstrolabeGrid .raw-mutagen-box,
#rawAstrolabeGrid .raw-transform-scope,
#rawAstrolabeGrid .raw-transform-star{
  overflow:visible!important;
}


#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row,
#rawAstrolabeGrid .raw-cycle-star-item,
#rawAstrolabeGrid .raw-cycle-star-item > span{
  transition:none!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  width:auto!important;
}


:scope.raw-chart-page-active [data-raw-chart-sheet="tools"]{
  right:8px!important;
  width:min(34vw,204px)!important;
  bottom:calc(var(--raw-chart-nav-h) + 9px)!important;
  inset:auto 8px calc(var(--raw-chart-nav-h) + 9px) auto!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(160,199,228,.16)!important;
  border-radius:14px!important;
  
  
  backdrop-filter:blur(22px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-tool-sheet-head{
  min-height:31px!important;
  margin:0 1px 6px!important;
  padding:0 2px 6px!important;
  border-bottom:1px solid rgba(151,188,216,.10)!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-tool-sheet-head strong{
  font-size:12.5px!important;
  font-weight:760!important;
  letter-spacing:.16em!important;
  
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:38px!important;
  padding:0 10px 0 34px!important;
  border:1px solid rgba(139,178,207,.09)!important;
  border-radius:9px!important;
  
  
  
  text-align:left!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button::before{
  position:absolute!important;
  left:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(133,183,218,.18)!important;
  border-radius:5px!important;
  
  
  font-size:8px!important;
  line-height:1!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(1)::before{content:"▣"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(2)::before{content:"年"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(3)::before{content:"月"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(4)::before{content:"日"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(5)::before{content:"时"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button b{
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:active{
  
  
}


:scope.raw-chart-page-active [data-raw-chart-sheet="tools"].open .raw-chart-sheet-panel{
  animation:v152ToolMenuIn .14s cubic-bezier(.2,.74,.2,1) both!important;
}
@keyframes v152ToolMenuIn{
  from{opacity:0;transform:translate3d(0,7px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}


#rawAstrolabeGrid .raw-palace:not(.active):not(.fly-hit){
  filter:none;
}


@media(max-width:380px){
  #rawAstrolabeCard.raw-astrolabe-card{
    grid-template-rows:minmax(0,1fr) 190px 10px!important;
  }
  :scope.raw-chart-page-active [data-raw-chart-sheet="tools"]{
    right:6px!important;
    width:min(38vw,180px)!important;
    inset:auto 6px calc(var(--raw-chart-nav-h) + 8px) auto!important;
  }
}





#rawAstrolabeGrid .raw-cycle-smalllimit-row:empty{
  display:none!important;
}


#rawAstrolabeGrid .raw-star-bright{
  font-size:6.2px!important;
  min-font-size:6.2px;
  line-height:1!important;
  transform:none!important;
  flex-shrink:0!important;
}


#rawAstrolabeGrid .raw-star-item{
  --raw-bright-fs:6.2px;
  --raw-star-meta-gap:1.2px;
}


#rawAstrolabeGrid .raw-transform-scope.smalllimit{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 190px 10px!important;
  row-gap:11px!important;
}




:scope{
  --raw-role-decadal:#58dc7c;      
  --raw-role-yearly:#5ca0ff;       
  --raw-role-smalllimit:#9bdcff;   
  --raw-role-monthly:#ff9d4a;      
  --raw-role-daily:#a979f1;        
  --raw-role-hourly:#4cdce2;       
}


#rawAstrolabeGrid .raw-cycle-role-tag.decadal{
  
  
}
#rawAstrolabeGrid .raw-cycle-role-tag.yearly{
  
  
}
#rawAstrolabeGrid .raw-cycle-role-tag.smalllimit{
  
  
  
}
#rawAstrolabeGrid .raw-cycle-role-tag.monthly{
  
  
}
#rawAstrolabeGrid .raw-cycle-role-tag.daily{
  
  
}
#rawAstrolabeGrid .raw-cycle-role-tag.hourly{
  
  
}


#rawAstrolabeGrid .raw-cycle-role-tag.active{
  
}


#rawAstrolabeGrid .raw-transform-star.smalllimit{
  
  
  
  
}


#rawAstrolabeGrid .raw-transform-scope.smalllimit,
#rawAstrolabeGrid .raw-transform-star.smalllimit{
  z-index:15!important;
}


#rawAstrolabeGrid .raw-star-item{
  --raw-initial-meta-gap:1.2px;
}
#rawAstrolabeGrid .raw-star-bright{
  margin-top:var(--raw-initial-meta-gap,var(--raw-star-meta-gap,1.2px))!important;
  font-size:6.2px!important;
  flex-shrink:0!important;
}







#rawAstrolabeGrid .raw-transform-star.native,
#rawAstrolabeGrid .raw-transform-star.decadal,
#rawAstrolabeGrid .raw-transform-star.yearly,
#rawAstrolabeGrid .raw-transform-star.monthly,
#rawAstrolabeGrid .raw-transform-star.daily,
#rawAstrolabeGrid .raw-transform-star.hourly{
  transition:none!important;
  animation:none!important;
  transform:none!important;
}


#rawAstrolabeGrid .raw-cycle-role-tag.decadal,
#rawAstrolabeGrid .raw-cycle-role-tag.yearly,
#rawAstrolabeGrid .raw-cycle-role-tag.monthly,
#rawAstrolabeGrid .raw-cycle-role-tag.daily,
#rawAstrolabeGrid .raw-cycle-role-tag.hourly,
#rawAstrolabeGrid .raw-cycle-role-tag.decadal.active,
#rawAstrolabeGrid .raw-cycle-role-tag.yearly.active,
#rawAstrolabeGrid .raw-cycle-role-tag.monthly.active,
#rawAstrolabeGrid .raw-cycle-role-tag.daily.active,
#rawAstrolabeGrid .raw-cycle-role-tag.hourly.active{
  
  
  filter:none!important;
}


#rawAstrolabeGrid .raw-cycle-role-tag.smalllimit,
#rawAstrolabeGrid .raw-cycle-role-tag.smalllimit.active{
  
  
  filter:none!important;
}


#rawAstrolabeGrid .raw-cycle-role-tag.active{
  
  
  filter:none!important;
}





#rawAstrolabeGrid .raw-star-item{
  --raw-star-meta-gap:1px;
  --raw-bright-fs:6.2px;
}


#rawAstrolabeGrid .raw-star-bright{
  margin-top:var(--raw-star-meta-gap,1px)!important;
  font-size:6.2px!important;
  line-height:1!important;
  flex-shrink:0!important;
}


#rawAstrolabeGrid .raw-stars-row .raw-star-name{
  min-height:0!important;
}


#rawAstrolabeGrid .raw-transform-star{
  transition:none!important;
}





#rawAstrolabeGrid .raw-star-item{
  gap:0!important;
  row-gap:0!important;
  column-gap:0!important;
  --raw-star-meta-gap:.8px;
}
#rawAstrolabeGrid .raw-star-bright{
  margin-top:var(--raw-star-meta-gap,.8px)!important;
  font-size:6.2px!important;
  line-height:1!important;
}


#rawAstrolabeGrid .raw-star-name{
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}


#rawAstrolabeGrid .raw-transform-star.native,
#rawAstrolabeGrid .raw-transform-star.decadal,
#rawAstrolabeGrid .raw-transform-star.yearly,
#rawAstrolabeGrid .raw-transform-star.monthly,
#rawAstrolabeGrid .raw-transform-star.daily,
#rawAstrolabeGrid .raw-transform-star.hourly{
  transition:none!important;
  animation:none!important;
}


:scope{
  --raw-fortune-fixed-h:193px!important;
}
#rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 193px 10px!important;
}
#rawFortuneHost{
  height:193px!important;
  min-height:193px!important;
  max-height:193px!important;
}
#rawFortuneHost .raw-fortune-matrix{
  grid-template-rows:27px 34px 23px 81px 28px!important;
  height:193px!important;
  min-height:193px!important;
  max-height:193px!important;
}
#rawFortuneHost .raw-fortune-month,
#rawFortuneHost .raw-fortune-month .raw-fortune-strip-wrap,
#rawFortuneHost .raw-fortune-month .raw-fortune-strip,
#rawFortuneHost .raw-fortune-month .raw-fortune-grid10,
#rawFortuneHost .raw-fortune-month .raw-fortune-cell{
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
}


#rawCenterLayer.birth-hidden .raw-center-core{
  min-height:0!important;
  height:auto!important;
  padding:7px 8px!important;
  gap:5px!important;
}
#rawCenterLayer.birth-hidden .raw-center-identity-section{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#rawCenterLayer.birth-hidden .raw-center-identity{
  justify-content:center!important;
}


:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(1)::before{content:"隐"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(2)::before{content:"▣"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(3)::before{content:"年"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(4)::before{content:"月"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(5)::before{content:"日"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(6)::before{content:"时"!important;}

@media(max-width:380px){
  #rawAstrolabeCard.raw-astrolabe-card{
    grid-template-rows:minmax(0,1fr) 193px 10px!important;
  }
}





#rawAstrolabeGrid .raw-star-item{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  row-gap:0!important;
  column-gap:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#rawAstrolabeGrid .raw-star-name{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  box-sizing:content-box!important;
}
#rawAstrolabeGrid .raw-star-bright{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin-top:var(--raw-star-meta-gap,.72px)!important;
  margin-bottom:0!important;
  padding:0!important;
  font-size:6.2px!important;
  line-height:1!important;
  box-sizing:content-box!important;
  transform:none!important;
}


#rawAstrolabeGrid .raw-palace-stars,
#rawAstrolabeGrid .raw-stars-row,
#rawAstrolabeGrid .raw-star-item,
#rawAstrolabeGrid .raw-star-name,
#rawAstrolabeGrid .raw-star-bright,
#rawAstrolabeGrid .raw-mutagen-box,
#rawAstrolabeGrid .raw-transform-scope,
#rawAstrolabeGrid .raw-transform-star,
#rawAstrolabeGrid .raw-cycle-top-row,
#rawAstrolabeGrid .raw-cycle-middle-row,
#rawAstrolabeGrid .raw-cycle-smalllimit-row,
#rawAstrolabeGrid .raw-cycle-star-item{
  animation:none!important;
  transition:none!important;
  opacity:1;
}


#rawAstrolabeGrid .raw-star-name::before{
  transition:none!important;
  animation:none!important;
}


#rawFortuneHost .raw-fortune-hour .raw-fortune-cell:disabled{
  opacity:.28!important;
  cursor:default!important;
  pointer-events:none!important;
}
#rawFortuneHost .raw-fortune-hour:has(.raw-fortune-cell:not(:disabled)) .raw-fortune-label{
  opacity:1!important;
}
#rawFortuneHost .raw-fortune-hour .raw-fortune-label{
  transition:none!important;
}


:scope.raw-chart-page-active [data-raw-chart-sheet="tools"].open{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"].open .raw-chart-sheet-panel{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483502!important;
}





#rawAstrolabeGrid .raw-star-name{
  display:block!important;
  line-height:1!important;
  letter-spacing:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-star-bright{
  margin-top:var(--raw-star-meta-gap,.72px)!important;
  font-size:6.2px!important;
  line-height:1!important;
}


#rawAstrolabeGrid{
  contain:layout style!important;
}
#rawAstrolabeGrid .raw-palace-stars{
  contain:layout style!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
#rawAstrolabeGrid .raw-stars-row{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}


#rawFortuneHost .raw-fortune-hour .raw-fortune-cell:not(:disabled):not(.active){
  
}


.raw-pattern-modal{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:16px 10px calc(var(--raw-chart-nav-h,50px) + 14px);
  
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.raw-pattern-panel{
  width:min(94vw,520px);
  max-height:min(78dvh,690px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(154,196,226,.16);
  border-radius:18px;
  
  
  
  animation:v159PatternIn .16s cubic-bezier(.2,.75,.22,1) both;
}
@keyframes v159PatternIn{
  from{opacity:0;transform:translate3d(0,15px,0) scale(.992)}
  to{opacity:1;transform:none}
}
.raw-pattern-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 12px;
  border-bottom:1px solid rgba(151,188,216,.09);
}
.raw-pattern-head small{
  display:block;
  margin-bottom:4px;
  
  font-size:7px;
  letter-spacing:.18em;
}
.raw-pattern-head strong{
  display:block;
  
  font-size:17px;
  font-weight:720;
  letter-spacing:.12em;
}
.raw-pattern-head p{
  max-width:360px;
  margin:6px 0 0;
  
  font-size:9px;
  line-height:1.6;
}
.raw-pattern-head button{
  flex:0 0 29px;
  width:29px;
  height:29px;
  border:1px solid rgba(148,188,218,.12);
  border-radius:9px;
  
  
  font-size:17px;
}
.raw-pattern-scroll{
  display:grid;
  gap:9px;
  padding:11px;
  overflow:auto;
  overscroll-behavior:contain;
}
.raw-pattern-card{
  padding:12px;
  border:1px solid rgba(135,177,207,.09);
  border-radius:13px;
  
}
.raw-pattern-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.raw-pattern-card header b{
  display:block;
  
  font-size:12px;
  letter-spacing:.08em;
}
.raw-pattern-card header small{
  display:block;
  margin-top:3px;
  
  font-size:7.5px;
}
.raw-pattern-card header em{
  padding:4px 7px;
  border:1px solid rgba(111,172,215,.15);
  border-radius:999px;
  
  font-size:7.5px;
  font-style:normal;
}
.raw-pattern-signature{
  margin:9px 0 0;
  
  font-size:8.5px;
  line-height:1.5;
}
.raw-pattern-life{
  margin:4px 0 0;
  
  font-size:9px;
  font-weight:630;
}
.raw-pattern-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:9px;
}
.raw-pattern-tags span{
  padding:4px 7px;
  border:1px solid rgba(111,168,210,.12);
  border-radius:7px;
  
  
  font-size:8px;
}
.raw-pattern-tags .muted{
  
  
}
.raw-pattern-quality{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:9px;
}
.raw-pattern-quality span{
  padding:7px 8px;
  border-radius:8px;
  
}
.raw-pattern-quality small{
  display:block;
  
  font-size:7px;
}
.raw-pattern-quality b{
  display:block;
  margin-top:3px;
  
  font-size:10px;
}
.raw-pattern-panel footer{
  padding:9px 14px 12px;
  border-top:1px solid rgba(151,188,216,.07);
  
  font-size:7.5px;
  text-align:center;
}
.raw-pattern-empty{
  padding:35px 15px;
  
  text-align:center;
  font-size:9px;
}


:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(1)::before{content:"局"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(2)::before{content:"隐"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(3)::before{content:"▣"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(4)::before{content:"年"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(5)::before{content:"月"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(6)::before{content:"日"!important;}
:scope.raw-chart-page-active [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:nth-child(7)::before{content:"时"!important;}





#rawAstrolabeGrid .raw-center-svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}


#rawAstrolabeGrid .raw-center-triad,
#rawAstrolabeGrid .raw-center-opposite{
  visibility:visible!important;
  opacity:.82!important;
  transition:none!important;
  animation:none!important;
}


#rawAstrolabeGrid .raw-palace:not(.active){
  
}





#rawAstrolabeGrid .raw-star-item.small .raw-star-bright,
#rawAstrolabeGrid .raw-star-item[data-star-name="大耗"] .raw-star-bright,
#rawAstrolabeGrid .raw-star-item[data-star-name="空亡"] .raw-star-bright,
#rawAstrolabeGrid .raw-star-item[data-star-name="截空"] .raw-star-bright,
#rawAstrolabeGrid .raw-star-item[data-star-name="截路"] .raw-star-bright{
  display:block!important;
  visibility:visible!important;
  opacity:.84!important;
  font-size:6.2px!important;
  line-height:1!important;
}


#rawAstrolabeGrid .raw-star-bright.flat{
  
}


#rawAstrolabeGrid .raw-star-item[data-star-name="大耗"] .raw-star-name{
  
}





#rawAstrolabeGrid .raw-star-item[data-star-name="大耗"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item[data-star-name="旬空"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item[data-star-name="截空"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item[data-star-name="空亡"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item[data-star-name="天空"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item[data-star-name="天刑"] .raw-star-name{
  
}


#rawAstrolabeGrid .raw-star-item.star-malefic[data-star-name="大耗"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item.star-malefic[data-star-name="旬空"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item.star-malefic[data-star-name="截空"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item.star-malefic[data-star-name="空亡"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item.star-malefic[data-star-name="天空"] .raw-star-name,
#rawAstrolabeGrid .raw-star-item.star-malefic[data-star-name="天刑"] .raw-star-name{
  
}




.raw-pattern-modal.compact{
  align-items:center!important;
  padding:14px!important;
  
}

.raw-pattern-panel.compact{
  width:min(90vw,430px)!important;
  max-height:min(70dvh,560px)!important;
  border-radius:16px!important;
  
}

.raw-pattern-head.compact{
  min-height:54px!important;
  padding:12px 13px 10px!important;
  align-items:center!important;
}

.raw-pattern-head.compact strong{
  font-size:15px!important;
  letter-spacing:.10em!important;
}

.raw-pattern-head.compact small{
  margin-top:4px!important;
  margin-bottom:0!important;
  
  font-size:7.5px!important;
  letter-spacing:.04em!important;
}

.raw-pattern-scroll.compact{
  gap:7px!important;
  padding:9px!important;
}

.raw-pattern-card.compact{
  padding:10px!important;
  border-radius:11px!important;
  
}

.raw-pattern-card.compact header{
  min-height:22px!important;
}

.raw-pattern-card.compact header b{
  font-size:11px!important;
  letter-spacing:.10em!important;
}

.raw-pattern-card.compact header small{
  display:inline!important;
  margin:0 0 0 7px!important;
  
  font-size:7px!important;
}

.raw-pattern-card.compact header em{
  min-width:20px!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  text-align:center!important;
  
  font-size:7px!important;
}

.raw-pattern-tags.compact{
  gap:5px!important;
  margin-top:7px!important;
}

.raw-pattern-tags.compact span{
  padding:4px 7px!important;
  border-radius:7px!important;
  border:1px solid rgba(111,168,210,.11)!important;
  
  
  font-size:8px!important;
  line-height:1.2!important;
}

.raw-pattern-tags.compact .muted{
  
  
  
  padding-left:0!important;
}


.raw-pattern-panel.compact .raw-pattern-signature,
.raw-pattern-panel.compact .raw-pattern-life,
.raw-pattern-panel.compact .raw-pattern-quality,
.raw-pattern-panel.compact footer,
.raw-pattern-panel.compact .raw-pattern-head p{
  display:none!important;
}





#rawAstrolabeGrid .raw-cycle-smalllimit-row:not(:empty){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}


#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item.smalllimit{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  
  animation:none!important;
  transition:none!important;
}


#rawPatternAnalysisModal.raw-pattern-modal{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483647!important;
}

.raw-pattern-loading,
.raw-pattern-error{
  padding:24px 12px!important;
  
  font-size:8.5px!important;
  text-align:center!important;
  line-height:1.6!important;
}

.raw-pattern-error{
  padding:9px 4px 2px!important;
  
}





#rawAstrolabeGrid .raw-cycle-smalllimit-row{
  display:flex;
  align-items:flex-start;
  gap:1px!important;
}
#rawAstrolabeGrid .raw-cycle-smalllimit-row .raw-cycle-star-item.hourly{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  
}


#rawAstrolabeGrid{
  transform-origin:0 0!important;
  will-change:transform;
}
#rawAstrolabeCard.raw-palace-zoomed{
  overflow:hidden!important;
}
#rawAstrolabeCard.raw-palace-zoomed #rawAstrolabeGrid{
  z-index:80!important;
  transition:transform .34s cubic-bezier(.22,.78,.18,1)!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:zoom-out;
}
#rawAstrolabeCard:not(.raw-palace-zoomed) #rawAstrolabeGrid{
  transition:transform .34s cubic-bezier(.22,.78,.18,1)!important;
}
#rawAstrolabeCard.raw-palace-zoomed .raw-palace{
  touch-action:none!important;
}


:scope.raw-palace-zoom-moving #rawSelfArrowOverlay{
  opacity:0!important;
  transition:none!important;
}


#rawFortuneHost .raw-fortune-strip{
  scroll-behavior:auto!important; 
}
#rawFortuneHost .raw-fortune-next{
  transition:
    background .22s ease,
    color .22s ease,
    border-color .22s ease,
    transform .16s ease!important;
  will-change:transform;
}
#rawFortuneHost .raw-fortune-next:active{
  transform:scale(.92)!important;
}
#rawFortuneHost .raw-fortune-next.is-return{
  
  
  border-left-
}


#rawAstrolabeGrid .raw-palace{
  touch-action:manipulation!important;
}
#rawAstrolabeCard.raw-palace-zoomed,
#rawAstrolabeCard.raw-palace-zoomed *{
  overscroll-behavior:none!important;
}





#rawAstrolabeGrid .raw-star-name{
  letter-spacing:.08em!important;
  line-height:1!important;
}


#rawAstrolabeGrid .raw-cycle-star-item > span{
  letter-spacing:.08em!important;
}


#rawAstrolabeGrid{
  will-change:auto!important;
  transform-style:flat!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:subpixel-antialiased;
}

#rawAstrolabeCard.raw-palace-zoomed #rawAstrolabeGrid{
  transform-style:flat!important;
  text-rendering:geometricPrecision!important;
}

#rawAstrolabeCard.raw-palace-zoom-crisp #rawAstrolabeGrid,
#rawAstrolabeCard.raw-palace-zoom-crisp #rawAstrolabeGrid .raw-palace,
#rawAstrolabeCard.raw-palace-zoom-crisp #rawAstrolabeGrid .raw-star-name,
#rawAstrolabeCard.raw-palace-zoom-crisp #rawAstrolabeGrid .raw-star-bright,
#rawAstrolabeCard.raw-palace-zoom-crisp #rawAstrolabeGrid .raw-cycle-star-item{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  text-rendering:geometricPrecision!important;
}


:scope.raw-palace-zoom-moving #rawAstrolabeGrid{
  will-change:transform!important;
}


#rawAstrolabeCard.raw-palace-zoomed.raw-palace-zoom-crisp #rawAstrolabeGrid{
  filter:none!important;
}





#chartPage.raw-edge-swiping ~ #rawSelfArrowOverlay,
#chartPage.raw-edge-leaving ~ #rawSelfArrowOverlay,
#chartPage.raw-edge-snapback ~ #rawSelfArrowOverlay,
:scope.raw-chart-page-active #rawSelfArrowOverlay{
  visibility:visible!important;
}


#rawSelfArrowOverlay{
  transform-origin:0 0!important;
  will-change:auto;
}
#chartPage.raw-edge-swiping ~ #rawSelfArrowOverlay,
#chartPage.raw-edge-leaving ~ #rawSelfArrowOverlay,
#chartPage.raw-edge-snapback ~ #rawSelfArrowOverlay{
  will-change:transform!important;
}


#rawAstrolabeCard.raw-palace-zoomed #rawAstrolabeGrid .raw-transform-star{
  transform:none!important;
  transition:none!important;
}





#savedProfile .profile-name-search{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 28px;
  align-items:center;
  height:38px;
  margin:0 0 9px;
  padding:0 5px 0 7px;
  border:1px solid rgba(123,165,199,.11);
  border-radius:11px;
  
  box-sizing:border-box;
}
#savedProfile .profile-name-search > span{
  
  font-size:14px;
  text-align:center;
}
#savedProfile .profile-name-search input{
  width:100%;
  height:100%;
  min-width:0;
  padding:0 5px;
  border:0;
  outline:0;
  
  
  font-size:11px;
}
#savedProfile .profile-name-search input::placeholder{
  
}
#savedProfile .profile-name-search button{
  width:25px;
  height:25px;
  border:0;
  border-radius:7px;
  
  
  font-size:16px;
  opacity:0;
  pointer-events:none;
  transition:opacity .14s ease,background .14s ease;
}
#savedProfile .profile-name-search button.visible{
  opacity:1;
  pointer-events:auto;
}
#savedProfile .profile-name-search button:active{
  
}


[data-raw-chart-sheet="profiles"] .raw-chart-profile-search{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 28px!important;
  align-items:center!important;
  height:36px!important;
  margin:0 0 9px!important;
  padding:0 5px 0 7px!important;
  border:1px solid rgba(125,166,198,.10)!important;
  border-radius:9px!important;
  
  box-sizing:border-box!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search > span{
  
  font-size:14px!important;
  text-align:center!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search input{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  padding:0 5px!important;
  
  
  font-size:11px!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search input::placeholder{
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search button{
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:7px!important;
  
  
  font-size:16px!important;
  opacity:0!important;
  pointer-events:none!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search button.visible{
  opacity:1!important;
  pointer-events:auto!important;
}


[data-raw-chart-sheet="profiles"] .raw-chart-profile-wrap{
  position:relative!important;
  width:100%!important;
  min-height:58px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  isolation:isolate!important;
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-actions{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:126px!important;
  display:grid!important;
  grid-template-columns:63px 63px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .14s ease,visibility 0s linear .14s!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-wrap.swiped .raw-chart-profile-actions{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .14s ease!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-actions button{
  border:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  
  font-size:9.5px!important;
  letter-spacing:.03em!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-actions .edit{
  
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-actions .delete{
  
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-actions .edit::before{
  content:"✎";
  font-size:13px;
  opacity:.84;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-actions .delete::before{
  content:"×";
  font-size:15px;
  opacity:.88;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-wrap .raw-chart-profile-item{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  min-height:58px!important;
  touch-action:pan-y!important;
  will-change:transform;
  transition:transform .28s cubic-bezier(.22,.78,.2,1),background .15s ease!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-wrap.swiped .raw-chart-profile-item{
  transform:translate3d(-126px,0,0)!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  overflow-x:hidden!important;
}


#profileNameSearch::-webkit-search-cancel-button,
[data-raw-profile-search]::-webkit-search-cancel-button{
  -webkit-appearance:none;
  display:none;
}





.profile-library-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.profile-library-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important; 
  min-width:0!important;
}

#savedProfile .profile-name-search.compact{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:29px!important;
  height:29px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(122,164,195,.10)!important;
  border-radius:9px!important;
  
  box-sizing:border-box!important;
  transition:
    width .24s cubic-bezier(.22,.78,.2,1),
    background .18s ease,
    border-color .18s ease!important;
}

#savedProfile .profile-name-search.compact.expanded,
#savedProfile .profile-name-search.compact.has-value{
  width:132px!important;
  
  
}

#savedProfile .profile-search-toggle{
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  
  
}

#savedProfile .profile-search-toggle svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
}

#savedProfile .profile-name-search.compact input{
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  height:27px!important;
  padding:0 2px 0 3px!important;
  border:0!important;
  outline:0!important;
  
  
  font-size:9px!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .14s ease!important;
}

#savedProfile .profile-name-search.compact.expanded input,
#savedProfile .profile-name-search.compact.has-value input{
  opacity:1!important;
  pointer-events:auto!important;
}

#savedProfile .profile-search-clear{
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  padding:0!important;
  margin:0 2px 0 0!important;
  border:0!important;
  border-radius:6px!important;
  
  
  font-size:14px!important;
  opacity:0!important;
  pointer-events:none!important;
}

#savedProfile .profile-search-clear.visible{
  opacity:1!important;
  pointer-events:auto!important;
}

.group-manager-entry{
  flex:0 0 auto!important;
}


.raw-life-archive-head{
  align-items:center!important;
}

.raw-life-archive-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
}

[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:29px!important;
  height:29px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(125,166,198,.10)!important;
  border-radius:9px!important;
  
  box-sizing:border-box!important;
  transition:
    width .24s cubic-bezier(.22,.78,.2,1),
    background .18s ease,
    border-color .18s ease!important;
}

[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded,
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value{
  width:136px!important;
  
  
}

[data-raw-chart-sheet="profiles"] .raw-profile-search-toggle{
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  
  
}

[data-raw-chart-sheet="profiles"] .raw-profile-search-toggle svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
}

[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact input{
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  height:27px!important;
  padding:0 2px 0 3px!important;
  border:0!important;
  outline:0!important;
  
  
  font-size:9px!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .14s ease!important;
}

[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded input,
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value input{
  opacity:1!important;
  pointer-events:auto!important;
}

[data-raw-chart-sheet="profiles"] .raw-profile-search-clear{
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  margin-right:2px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  
  
  font-size:14px!important;
  opacity:0!important;
  pointer-events:none!important;
}

[data-raw-chart-sheet="profiles"] .raw-profile-search-clear.visible{
  opacity:1!important;
  pointer-events:auto!important;
}


#savedProfile > .profile-name-search{
  display:none!important;
}





#savedProfile .profile-library-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  overflow:visible!important;
  z-index:20!important;
}

#savedProfile .profile-library-head h3{
  min-width:0!important;
}

#savedProfile .profile-library-actions{
  display:none!important;
}


#savedProfile .profile-search-anchor{
  position:relative!important;
  z-index:40!important;
  flex:0 0 auto!important;
  width:31px!important;
  height:31px!important;
  overflow:visible!important;
  pointer-events:auto!important;
}


#savedProfile .profile-search-icon-btn{
  position:relative!important;
  z-index:43!important;
  display:grid!important;
  place-items:center!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(129,171,202,.12)!important;
  border-radius:9px!important;
  
  
  
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-
  transition:
    color .16s ease,
    border-color .16s ease,
    background .16s ease,
    transform .12s ease!important;
}

#savedProfile .profile-search-icon-btn:hover,
#savedProfile .profile-search-icon-btn[aria-expanded="true"]{
  
  
  
}

#savedProfile .profile-search-icon-btn:active{
  transform:scale(.92)!important;
}


#savedProfile .profile-search-icon-svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}


#savedProfile .profile-search-popover{
  position:absolute!important;
  z-index:42!important;
  top:37px!important;
  right:0!important;
  width:178px!important;
  height:38px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 27px!important;
  align-items:center!important;
  padding:0 4px 0 5px!important;
  border:1px solid rgba(132,175,207,.15)!important;
  border-radius:11px!important;
  
  
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-5px) scale(.98)!important;
  transform-origin:top right!important;
  transition:
    opacity .16s ease,
    transform .18s cubic-bezier(.22,.78,.2,1),
    visibility 0s linear .18s!important;
}

#savedProfile .profile-search-popover.expanded,
#savedProfile .profile-search-popover.has-value{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition:
    opacity .16s ease,
    transform .18s cubic-bezier(.22,.78,.2,1)!important;
}

#savedProfile .profile-search-field-icon{
  width:13px!important;
  height:13px!important;
  justify-self:center!important;
  fill:none!important;
  stroke:#627f93!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  pointer-events:none!important;
}

#savedProfile .profile-search-popover input{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  margin:0!important;
  padding:0 3px!important;
  border:0!important;
  outline:0!important;
  
  
  font-size:10px!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#savedProfile .profile-search-popover input::placeholder{
  
}

#savedProfile .profile-search-popover .profile-search-clear{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  
  
  font-size:14px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

#savedProfile .profile-search-popover .profile-search-clear.visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}


#savedProfile .profile-group-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:2px 0 11px!important;
  min-width:0!important;
}

#savedProfile .profile-group-filters{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:2px 1px 5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  cursor:grab!important;
}

#savedProfile .profile-group-filters::-webkit-scrollbar{
  display:none!important;
}

#savedProfile .profile-group-filters.dragging{
  cursor:grabbing!important;
  scroll-behavior:auto!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

#savedProfile .profile-group-chip{
  flex:0 0 auto!important;
}


#savedProfile .profile-group-manage{
  position:relative!important;
  z-index:3!important;
  flex:0 0 auto!important;
  min-width:38px!important;
  height:26px!important;
  margin:0 0 3px!important;
  padding:0 8px!important;
  border:1px solid rgba(122,163,194,.10)!important;
  border-radius:8px!important;
  
  
  font-size:8.5px!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

#savedProfile .profile-group-manage:active{
  
  
  transform:scale(.96)!important;
}


#savedProfile .profile-name-search.compact,
#savedProfile .profile-search-toggle{
  display:none!important;
}





#savedProfile .profile-search-anchor{
  position:relative!important;
  z-index:50!important;
  overflow:visible!important;
}


#savedProfile .profile-search-anchor.has-query .profile-search-icon-btn{
  
  
  
}


#savedProfile .profile-search-popover{
  top:-3px!important;
  right:37px!important;
  width:174px!important;
  height:36px!important;

  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) 26px!important;
  align-items:center!important;

  padding:0 3px 0 4px!important;
  margin:0!important;

  
  
  border:1px solid rgba(135,178,208,.12)!important;
  border-radius:10px!important;
  
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;

  
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(14px) scaleX(.90)!important;
  transform-origin:right center!important;

  transition:
    opacity .16s ease,
    transform .26s cubic-bezier(.20,.80,.18,1),
    visibility 0s linear .26s!important;
}


#savedProfile .profile-search-popover.expanded{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scaleX(1)!important;

  transition:
    opacity .15s ease,
    transform .26s cubic-bezier(.20,.80,.18,1)!important;
}


#savedProfile .profile-search-popover.has-value:not(.expanded){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(14px) scaleX(.90)!important;
}


#savedProfile .profile-search-popover input{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  padding:0 2px!important;
  border:0!important;
  outline:0!important;
  
  
  
  caret-
  font-size:10px!important;
  line-height:1!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#savedProfile .profile-search-popover input::placeholder{
  
}


#savedProfile .profile-search-field-icon{
  width:12.5px!important;
  height:12.5px!important;
  stroke:rgba(116,151,173,.72)!important;
  stroke-width:1.6!important;
}


#savedProfile .profile-search-popover .profile-search-clear{
  
  
}

#savedProfile .profile-search-popover .profile-search-clear:active{
  
}


#savedProfile .profile-search-icon-btn{
  z-index:53!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}


#savedProfile .profile-search-popover.has-value{
  transition:
    opacity .15s ease,
    transform .26s cubic-bezier(.20,.80,.18,1),
    visibility 0s linear .26s!important;
}





#savedProfile .profile-search-popover.has-value{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scaleX(1)!important;
}


#savedProfile .profile-search-popover.has-value:not(:focus-within){
  
  
}


#savedProfile .profile-search-popover:not(.expanded):not(.has-value){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(14px) scaleX(.90)!important;
}


#savedProfile .profile-search-popover.has-value:not(.expanded){
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scaleX(1)!important;
}



#purposeShort,
#embodimentShort{
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:.055em!important;
  font-weight:680!important;
}
@media(max-width:390px){
  #purposeShort,
  #embodimentShort{
    font-size:17px!important;
  }
}





#purposePage{
  position:relative;
  min-height:100vh;
  padding-bottom:34px;
  overflow:hidden;
}
#purposePage::before{
  content:"";
  position:fixed;
  pointer-events:none;
  inset:0;
  z-index:-1;
  
}
.purpose-page-shell{
  width:min(100%,760px);
  margin:0 auto;
  padding:0 14px 50px;
  box-sizing:border-box;
}
.purpose-page-topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:56px;
  display:grid;
  grid-template-columns:36px 1fr 36px;
  align-items:center;
  gap:8px;
  margin:0 -4px 10px;
  padding:8px 4px 7px;
  
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.purpose-back{
  width:34px;height:34px;
  display:grid;place-items:center;
  padding:0;border:1px solid rgba(136,179,204,.12);
  border-radius:11px;
  
  
}
.purpose-back svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.purpose-top-title{text-align:center;line-height:1.1}
.purpose-top-title small{display:block;font-size:12px;letter-spacing:.24em}
.purpose-top-title strong{display:block;margin-top:4px;font-size:12px;letter-spacing:.16em;font-weight:580}
.purpose-top-dot{justify-self:end;width:6px;height:6px;border-radius:50%;}

.purpose-page-:scope{display:flex;flex-direction:column;gap:12px}
.purpose-page-empty{padding:40px 20px;text-align:center;font-size:12px}

.purpose-hero{
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px 18px 18px;
  border:1px solid rgba(133,178,207,.10);
  border-radius:24px;
  overflow:hidden;
  
  
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.purpose-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  
}
.purpose-orbit{
  position:absolute;
  z-index:1;
  top:19px;left:50%;
  width:168px;height:168px;
  transform:translateX(-50%);
}
.purpose-orbit i,.purpose-orbit span{position:absolute;border-radius:50%}
.purpose-orbit-a{inset:10px;border:1px solid rgba(121,174,200,.13);transform:rotate(-18deg) scaleY(.44)}
.purpose-orbit-b{inset:28px;border:1px solid rgba(111,159,190,.14);transform:rotate(29deg) scaleY(.56)}
.purpose-orbit-c{inset:45px;border:1px solid rgba(119,184,190,.10)}
.purpose-orbit span{
  inset:59px;
  
  
}
.purpose-hero-copy{position:relative;z-index:2;text-align:center}
.purpose-hero-copy>small{font-size:12px;letter-spacing:.24em}
.purpose-hero-copy h1{margin:7px 0 7px;font-size:28px;letter-spacing:.12em;font-weight:520}
.purpose-hero-copy>p{margin:0 auto;max-width:520px;font-size:12px;line-height:1.75}
.purpose-hero-copy blockquote{
  margin:13px auto 0;
  max-width:560px;
  
  font-size:12px;
  line-height:1.7;
  font-style:normal;
}
.purpose-hero-meta{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;
  margin-top:18px;
}
.purpose-hero-meta span{
  min-width:0;padding:8px 8px 9px;border:1px solid rgba(130,171,195,.075);border-radius:10px;
}
.purpose-hero-meta small{display:block;font-size:12px;letter-spacing:.10em}
.purpose-hero-meta b{display:block;margin-top:5px;font-size:12px;font-weight:520;line-height:1.45}

.purpose-section{
  position:relative;
  padding:18px 16px;
  border:1px solid rgba(134,176,201,.085);
  border-radius:18px;
  
  
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.purpose-section-head{
  display:flex;align-items:center;gap:10px;margin-bottom:14px
}
.purpose-section-head>span{
  flex:0 0 auto;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.08em
}
.purpose-section-head>div{min-width:0}
.purpose-section-head small{display:block;font-size:12px;letter-spacing:.19em}
.purpose-section-head h3{margin:4px 0 0;font-size:14px;font-weight:560;letter-spacing:.08em}
.purpose-big-copy{margin:0;font-size:12px;line-height:1.9}
.purpose-section-lead{margin:0 0 12px;font-size:12px;line-height:1.8}

.purpose-truth-card{
  margin-top:14px;padding:12px 13px;border-left:2px solid rgba(106,169,196,.34);border-radius:0 11px 11px 0;
  }
.purpose-truth-card small{font-size:12px;letter-spacing:.12em}
.purpose-truth-card p{margin:6px 0 0;font-size:12px;line-height:1.8}

.purpose-three-list{display:grid;gap:7px}
.purpose-three-list article{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:10px;border-radius:11px;border:1px solid rgba(130,170,195,.06)}
.purpose-three-list small{font-size:12px;padding-top:2px}
.purpose-three-list p{margin:0;font-size:12px;line-height:1.72}

.purpose-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.purpose-impact-card{min-height:154px;padding:13px;border-radius:13px;border:1px solid rgba(129,174,198,.075);}
.purpose-impact-card small{font-size:12px;letter-spacing:.13em}
.purpose-impact-card strong{display:block;margin:7px 0;font-size:12px;line-height:1.55;font-weight:540}
.purpose-impact-card p{margin:0;font-size:12px;line-height:1.72}

.purpose-force-list{display:grid;gap:8px}
.purpose-force-card{display:grid;grid-template-columns:27px 1fr;gap:9px;padding:12px;border-radius:13px;border:1px solid rgba(131,176,202,.07)}
.purpose-force-index{font-size:12px;padding-top:2px}
.purpose-force-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.purpose-force-head strong{font-size:12px;font-weight:560}
.purpose-force-head span{flex:0 0 auto;font-size:12px}
.purpose-force-copy p{margin:7px 0 5px;font-size:12px;line-height:1.68}
.purpose-force-copy small{display:block;font-size:12px;line-height:1.6}
.purpose-force-copy em{display:block;margin-top:5px;font-size:12px;line-height:1.6;font-style:normal}
.purpose-force-mut{margin-top:8px;padding:7px 8px;border-radius:8px;font-size:12px;line-height:1.6}

.purpose-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.purpose-support-grid article{padding:10px;border-radius:11px;border:1px solid rgba(130,170,195,.055)}
.purpose-support-grid small{display:block;margin-bottom:7px;font-size:12px}
.purpose-support-grid div{display:flex;flex-wrap:wrap;gap:4px}
.purpose-support-grid span{padding:4px 6px;border-radius:999px;font-size:12px}

.purpose-structure-summary{display:grid;grid-template-columns:74px 1fr;gap:13px;align-items:center;margin-bottom:11px}
.purpose-ease-score{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(118,176,199,.15);}
.purpose-ease-score strong{font-size:21px;font-weight:460}
.purpose-ease-score small{margin-top:1px;font-size:12px}
.purpose-structure-summary>div:last-child b{font-size:12px}
.purpose-structure-summary>div:last-child p{margin:6px 0 0;font-size:12px;line-height:1.7}
.purpose-structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.purpose-structure-node{padding:10px;border-radius:11px;border:1px solid rgba(127,169,194,.055)}
.purpose-structure-node.primary{}
.purpose-node-top{display:grid;grid-template-columns:20px 1fr auto;gap:5px;align-items:center}
.purpose-node-top small{font-size:12px}.purpose-node-top b{font-size:12px}.purpose-node-top em{font-size:12px;font-style:normal}
.purpose-node-bar{height:2px;margin:8px 0;border-radius:99px;overflow:hidden}
.purpose-node-bar i{display:block;height:100%;border-radius:99px}
.purpose-structure-node p{margin:0;font-size:12px;line-height:1.55}
.purpose-structure-note{margin-top:10px;font-size:12px;line-height:1.65}

.purpose-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.purpose-flow-card{padding:11px;border-radius:12px;border:1px solid rgba(126,170,194,.06)}
.purpose-flow-card>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
.purpose-flow-card small{font-size:12px}.purpose-flow-card b{font-size:12px}
.purpose-flow-card p{margin:8px 0 0;font-size:12px;line-height:1.62}
.purpose-flow-card.kind-禄{}
.purpose-flow-card.kind-权{}
.purpose-flow-card.kind-科{}
.purpose-flow-card.kind-忌{}

.purpose-loop-list{display:grid;gap:7px}
.purpose-loop-list article{padding:11px 12px;border-radius:12px;border:1px solid rgba(128,170,195,.06)}
.purpose-loop-list article>div{display:flex;justify-content:space-between;gap:8px}
.purpose-loop-list small{font-size:12px}.purpose-loop-list b{font-size:12px}
.purpose-loop-list p{margin:7px 0 0;font-size:12px;line-height:1.65}
.purpose-calm-card{padding:13px;border-radius:12px;border:1px solid rgba(128,170,195,.055)}
.purpose-calm-card strong{font-size:12px}.purpose-calm-card p{margin:7px 0 0;font-size:12px;line-height:1.7}

.purpose-shadow-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.purpose-shadow-grid article{padding:11px;border-radius:12px;border:1px solid rgba(128,170,195,.06);}
.purpose-shadow-grid small{display:block;margin-bottom:7px;font-size:12px;letter-spacing:.10em}
.purpose-shadow-grid p{position:relative;margin:0 0 7px;padding-left:10px;font-size:12px;line-height:1.62}
.purpose-shadow-grid p:last-child{margin-bottom:0}
.purpose-shadow-grid p::before{content:"";position:absolute;left:0;top:.62em;width:3px;height:3px;border-radius:50%;}
.purpose-mature-card{margin-top:8px;padding:11px 12px;border-radius:12px;border:1px solid rgba(120,178,192,.08)}
.purpose-mature-card small{font-size:12px}.purpose-mature-card p{margin:6px 0 0;font-size:12px;line-height:1.68}

.purpose-progress-hero{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center}
.purpose-progress-ring{
  --purpose-progress:0;
  width:82px;height:82px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  
}
.purpose-progress-ring strong{font-size:20px;font-weight:480}.purpose-progress-ring small{font-size:12px}
.purpose-progress-hero>div:last-child b{font-size:12px}.purpose-progress-hero>div:last-child p{margin:6px 0 0;font-size:12px;line-height:1.62}
.purpose-check-list{display:grid;gap:8px;margin-top:12px}
.purpose-check-item{padding:10px;border-radius:11px;border:1px solid rgba(128,170,195,.055)}
.purpose-check-item p{margin:0 0 8px;font-size:12px;line-height:1.6}
.purpose-check-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.purpose-check-scale button{min-height:27px;padding:0 4px;border:1px solid rgba(116,160,185,.07);border-radius:7px;font-size:12px}
.purpose-check-scale button.active{}
.purpose-progress-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(127,169,194,.055);font-size:12px;line-height:1.62}

.purpose-practice-list{display:grid;gap:7px}
.purpose-practice-list article{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:start;padding:10px;border-radius:11px;border:1px solid rgba(128,170,195,.055)}
.purpose-practice-list span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-size:12px}
.purpose-practice-list p{margin:1px 0 0;font-size:12px;line-height:1.65}

.purpose-final-section{text-align:center;padding:30px 20px}
.purpose-final-section>small{font-size:12px;letter-spacing:.20em}
.purpose-final-section h2{max-width:560px;margin:9px auto;font-size:14px;line-height:1.5;font-weight:520}
.purpose-final-section p{max-width:580px;margin:0 auto;font-size:12px;line-height:1.75}
.purpose-final-section blockquote{max-width:540px;margin:16px auto 0;padding-top:14px;border-top:1px solid rgba(129,172,197,.07);font-size:12px;line-height:1.7;font-style:normal}
.purpose-empty-note{padding:12px;border:1px dashed rgba(125,168,193,.09);border-radius:11px;font-size:12px;line-height:1.65}

@media(max-width:520px){
  .purpose-page-shell{padding-left:10px;padding-right:10px}
  .purpose-hero{min-height:318px;padding-left:14px;padding-right:14px}
  .purpose-hero-copy h1{font-size:25px}
  .purpose-section{padding:16px 13px}
}
@media(max-width:370px){
  .purpose-hero-meta{grid-template-columns:1fr}
  .purpose-dual-grid,.purpose-support-grid,.purpose-structure-grid,.purpose-flow-grid,.purpose-shadow-grid{grid-template-columns:1fr}
}





#embodimentPage{
  position:relative;
  min-height:100vh;
  padding-bottom:34px;
  overflow:hidden;
}
#embodimentPage::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  
}
.embodiment-page-shell{
  width:min(100%,760px);
  margin:0 auto;
  padding:0 14px 50px;
  box-sizing:border-box;
}
.embodiment-page-topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:56px;
  display:grid;
  grid-template-columns:36px 1fr 36px;
  align-items:center;
  gap:8px;
  margin:0 -4px 10px;
  padding:8px 4px 7px;
  
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.embodiment-back{
  width:34px;height:34px;
  display:grid;place-items:center;
  padding:0;
  border:1px solid rgba(134,179,199,.12);
  border-radius:11px;
  
  
}
.embodiment-back svg{
  width:17px;height:17px;
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.embodiment-top-title{text-align:center;line-height:1.08}
.embodiment-top-title small{display:block;font-size:12px;letter-spacing:.24em}
.embodiment-top-title strong{display:block;margin-top:4px;font-size:12px;letter-spacing:.16em;font-weight:580}
.embodiment-top-mark{
  justify-self:end;
  width:17px;height:17px;
  border-radius:50%;
  border:1px solid rgba(117,174,188,.20);
  
}
.embodiment-page-:scope{display:flex;flex-direction:column;gap:12px}
.embodiment-page-empty{padding:40px 20px;text-align:center;font-size:12px}

.embodiment-hero{
  position:relative;
  min-height:355px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:22px 18px 18px;
  border:1px solid rgba(130,178,196,.095);
  border-radius:24px;
  
  
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}
.embodiment-hero::after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  
}
.embodiment-hero-visual{
  position:absolute;
  z-index:1;
  top:12px;left:50%;
  width:194px;height:194px;
  transform:translateX(-50%);
}
.embodiment-hero-visual .ring{
  position:absolute;border-radius:50%;border:1px solid rgba(111,173,186,.12)
}
.embodiment-hero-visual .r1{inset:7px}
.embodiment-hero-visual .r2{inset:27px;transform:rotate(23deg) scaleY(.62)}
.embodiment-hero-visual .r3{inset:47px;transform:rotate(-29deg) scaleY(.55)}
.embodiment-core{
  position:absolute;left:50%;top:50%;
  width:68px;height:68px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(135,192,198,.14);
  display:grid;place-items:center;
  
  
}
.embodiment-core span{
  width:9px;height:9px;border-radius:50%;
  
  
}
.embodiment-hero-visual .node{
  position:absolute;width:4px;height:4px;border-radius:50%;}
.embodiment-hero-visual .n1{left:13px;top:92px}
.embodiment-hero-visual .n2{right:17px;top:62px}
.embodiment-hero-visual .n3{right:50px;bottom:17px}
.embodiment-hero-visual .n4{left:53px;top:27px}

.embodiment-hero-copy{position:relative;z-index:3;text-align:center}
.embodiment-hero-copy>small{font-size:12px;letter-spacing:.24em}
.embodiment-hero-copy h1{margin:7px 0 6px;font-size:27px;font-weight:500;letter-spacing:.12em}
.embodiment-hero-copy p{max-width:520px;margin:0 auto;font-size:12px;line-height:1.7}
.embodiment-hero-rule{
  position:relative;z-index:3;
  width:min(100%,500px);
  margin:14px auto 0;
  padding:9px 12px;
  text-align:center;
  border-top:1px solid rgba(126,177,190,.07);
  border-bottom:1px solid rgba(126,177,190,.07);
}
.embodiment-hero-rule small{display:block;font-size:12px}
.embodiment-hero-rule strong{display:block;margin-top:4px;font-size:12px;font-weight:530;letter-spacing:.06em}
.embodiment-hero-stats{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px
}
.embodiment-hero-stats span{
  padding:8px;border-radius:10px;
  
  border:1px solid rgba(126,171,188,.065)
}
.embodiment-hero-stats small{display:block;font-size:12px;letter-spacing:.08em}
.embodiment-hero-stats b{display:block;margin-top:5px;font-size:12px;font-weight:500;line-height:1.5}

.embodiment-section{
  position:relative;
  padding:18px 16px;
  border:1px solid rgba(129,174,192,.078);
  border-radius:18px;
  
  
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.embodiment-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.embodiment-section-head>span{font-family:ui-monospace,monospace;font-size:12px}
.embodiment-section-head small{display:block;font-size:12px;letter-spacing:.19em}
.embodiment-section-head h3{margin:4px 0 0;font-size:14px;font-weight:550;letter-spacing:.075em}
.embodiment-lead{margin:0;font-size:12px;line-height:1.82}
.embodiment-lead.large{font-size:12px;line-height:1.9}

.embodiment-insight-card{
  margin-top:14px;
  padding:12px 13px;
  border-left:2px solid rgba(102,174,181,.34);
  border-radius:0 11px 11px 0;
  }
.embodiment-insight-card small{font-size:12px;letter-spacing:.10em}
.embodiment-insight-card p{margin:6px 0 0;font-size:12px;line-height:1.8}

.embodiment-reality-grid{display:grid;gap:7px;margin-top:11px}
.embodiment-reality-grid article{
  display:grid;grid-template-columns:27px 1fr;gap:8px;
  padding:10px;border-radius:11px;
  
  border:1px solid rgba(128,171,188,.055)
}
.embodiment-reality-grid span{font-size:12px;padding-top:2px}
.embodiment-reality-grid p{margin:0;font-size:12px;line-height:1.7}

.embodiment-force-list{display:grid;gap:8px;margin-top:11px}
.embodiment-force-card{
  display:grid;grid-template-columns:27px 1fr;gap:9px;
  padding:12px;border-radius:13px;
  
  border:1px solid rgba(127,174,190,.065)
}
.embodiment-force-no{font-size:12px;padding-top:3px}
.embodiment-force-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.embodiment-force-card header strong{font-size:12px;font-weight:550}
.embodiment-force-card header em{font-size:12px;font-style:normal}
.embodiment-force-card p{margin:6px 0 0;font-size:12px;line-height:1.66}
.embodiment-force-card .embodiment-force-role{}
.embodiment-force-card small{display:block;margin-top:5px;font-size:12px;line-height:1.58}
.embodiment-force-card small.shadow{}
.embodiment-force-drive{
  margin-top:8px;padding:7px 8px;border-radius:8px;
  
  font-size:12px;line-height:1.58
}

.embodiment-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.embodiment-tools-grid article{padding:10px;border-radius:11px;border:1px solid rgba(127,170,187,.05)}
.embodiment-tools-grid small{display:block;margin-bottom:7px;font-size:12px}
.embodiment-tools-grid div{display:flex;flex-wrap:wrap;gap:4px}
.embodiment-tools-grid span{padding:4px 6px;border-radius:999px;font-size:12px}

.embodiment-native-drives{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.embodiment-native-drives article,.embodiment-flow-grid article,.embodiment-loop-list article{
  padding:11px;border-radius:12px;border:1px solid rgba(125,171,187,.055)
}
.embodiment-native-drives header,.embodiment-flow-grid header,.embodiment-loop-list header{display:flex;align-items:center;justify-content:space-between;gap:7px}
.embodiment-native-drives strong{font-size:12px}.embodiment-native-drives span{font-size:12px}
.embodiment-native-drives p,.embodiment-flow-grid p,.embodiment-loop-list p{margin:7px 0 0;font-size:12px;line-height:1.64}

.embodiment-structure-summary{display:grid;grid-template-columns:76px 1fr;gap:13px;align-items:center;margin-bottom:11px}
.embodiment-ease-gauge{
  width:72px;height:72px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(112,177,184,.14);
  }
.embodiment-ease-gauge strong{font-size:21px;font-weight:460}
.embodiment-ease-gauge small{font-size:12px}
.embodiment-structure-summary>div:last-child b{font-size:12px}
.embodiment-structure-summary>div:last-child p{margin:6px 0 0;font-size:12px;line-height:1.7}
.embodiment-structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.embodiment-structure-grid article{
  padding:10px;border-radius:11px;border:1px solid rgba(127,170,187,.05)
}
.embodiment-structure-grid article.primary{}
.embodiment-structure-grid header{display:grid;grid-template-columns:20px 1fr auto;gap:5px;align-items:center}
.embodiment-structure-grid header span{font-size:12px}.embodiment-structure-grid header b{font-size:12px}.embodiment-structure-grid header em{font-size:12px;font-style:normal}
.embodiment-node-bar{height:2px;margin:8px 0;border-radius:99px;overflow:hidden}
.embodiment-node-bar i{display:block;height:100%;border-radius:99px;}
.embodiment-structure-grid p{margin:0;font-size:12px;line-height:1.56}
.embodiment-structure-foot{margin-top:10px;font-size:12px;line-height:1.65}

.embodiment-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.embodiment-flow-grid small,.embodiment-loop-list small{font-size:12px}
.embodiment-flow-grid b,.embodiment-loop-list b{font-size:12px}
.embodiment-flow-grid .kind-禄{}
.embodiment-flow-grid .kind-权{}
.embodiment-flow-grid .kind-科{}
.embodiment-flow-grid .kind-忌{}
.embodiment-loop-list{display:grid;gap:7px}

.embodiment-calm-card,.embodiment-empty-note{
  padding:12px;border-radius:11px;border:1px dashed rgba(125,169,185,.075)
}
.embodiment-calm-card strong{font-size:12px}
.embodiment-calm-card p{margin:7px 0 0;font-size:12px;line-height:1.66}
.embodiment-empty-note{font-size:12px;line-height:1.65}

.embodiment-stage-path{display:grid;gap:0}
.embodiment-stage-path article{display:grid;grid-template-columns:30px 1fr;gap:10px;min-height:72px}
.embodiment-stage-index{position:relative;display:flex;justify-content:center}
.embodiment-stage-index span{
  position:relative;z-index:2;
  width:22px;height:22px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(105,172,180,.13);
  font-size:12px
}
.embodiment-stage-index i{position:absolute;top:22px;bottom:0;width:1px;}
.embodiment-stage-path article:last-child .embodiment-stage-index i{display:none}
.embodiment-stage-path article>div:last-child{padding-bottom:13px}
.embodiment-stage-path small{display:block;font-size:12px;letter-spacing:.15em}
.embodiment-stage-path strong{display:block;margin-top:4px;font-size:12px;font-weight:540}
.embodiment-stage-path p{margin:5px 0 0;font-size:12px;line-height:1.62}
.embodiment-freedom-copy{
  margin-top:3px;padding:12px 13px;border-radius:12px;
  
  border:1px solid rgba(109,172,178,.075)
}
.embodiment-freedom-copy small{font-size:12px}
.embodiment-freedom-copy p{margin:6px 0;font-size:12px;line-height:1.68}
.embodiment-freedom-copy strong{display:block;font-size:12px;font-weight:520;line-height:1.65}

.embodiment-completion-hero{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center}
.embodiment-freedom-ring{
  --embodiment-progress:0;
  width:82px;height:82px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
.embodiment-freedom-ring strong{font-size:20px;font-weight:470}
.embodiment-freedom-ring small{font-size:12px}
.embodiment-completion-hero>div:last-child b{font-size:12px}
.embodiment-completion-hero>div:last-child p{margin:6px 0 0;font-size:12px;line-height:1.63}
.embodiment-check-list{display:grid;gap:8px;margin-top:12px}
.embodiment-check-list article{padding:10px;border-radius:11px;border:1px solid rgba(127,170,187,.05)}
.embodiment-check-list p{margin:0 0 8px;font-size:12px;line-height:1.6}
.embodiment-check-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.embodiment-check-scale button{
  min-height:27px;padding:0 3px;border:1px solid rgba(110,158,174,.065);border-radius:7px;
  font-size:12px
}
.embodiment-check-scale button.active{}
.embodiment-graduation-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(124,168,184,.05);font-size:12px;line-height:1.62}

.embodiment-practice-list{display:grid;gap:7px}
.embodiment-practice-list article{
  display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:start;
  padding:10px;border-radius:11px;border:1px solid rgba(127,170,187,.05)
}
.embodiment-practice-list span{
  width:21px;height:21px;display:grid;place-items:center;border-radius:50%;
  font-size:12px
}
.embodiment-practice-list p{margin:1px 0 0;font-size:12px;line-height:1.65}

.embodiment-final{text-align:center;padding:30px 20px}
.embodiment-final>small{font-size:12px;letter-spacing:.20em}
.embodiment-final h2{margin:8px auto;font-size:15px;font-weight:510;letter-spacing:.08em}
.embodiment-final p{max-width:570px;margin:0 auto;font-size:12px;line-height:1.74}
.embodiment-final blockquote{
  max-width:550px;margin:15px auto 0;padding-top:14px;
  border-top:1px solid rgba(126,171,187,.06);
  font-size:12px;line-height:1.7;font-style:normal
}
@media(max-width:520px){
  .embodiment-page-shell{padding-left:10px;padding-right:10px}
  .embodiment-hero{min-height:342px;padding-left:14px;padding-right:14px}
  .embodiment-hero-copy h1{font-size:25px}
  .embodiment-section{padding:16px 13px}
}
@media(max-width:370px){
  .embodiment-hero-stats,.embodiment-tools-grid,.embodiment-native-drives,.embodiment-structure-grid,.embodiment-flow-grid{grid-template-columns:1fr}
}





#identityPage{
  position:relative;
  min-height:100vh;
  padding-bottom:34px;
  overflow:hidden;
}
#identityPage::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  
}
.identity-page-shell{
  width:min(100%,780px);
  margin:0 auto;
  padding:0 14px 50px;
  box-sizing:border-box;
}
.identity-page-topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:56px;
  display:grid;
  grid-template-columns:36px 1fr 36px;
  align-items:center;
  gap:8px;
  margin:0 -4px 10px;
  padding:8px 4px 7px;
  
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.identity-back{
  width:34px;height:34px;
  display:grid;place-items:center;
  padding:0;
  border:1px solid rgba(135,166,205,.12);
  border-radius:11px;
  
  
}
.identity-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.identity-top-title{text-align:center;line-height:1.08}
.identity-top-title small{display:block;font-size:12px;letter-spacing:.25em}
.identity-top-title strong{display:block;margin-top:4px;font-size:12px;letter-spacing:.17em;font-weight:580}
.identity-top-symbol{
  position:relative;
  justify-self:end;
  width:20px;height:20px;
  border-radius:50%;
  border:1px solid rgba(122,163,202,.14)
}
.identity-top-symbol::before,.identity-top-symbol::after{
  content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(123,166,204,.10);transform:translate(-50%,-50%)
}
.identity-top-symbol::before{width:12px;height:12px}.identity-top-symbol::after{width:4px;height:4px;}
.identity-page-:scope{display:flex;flex-direction:column;gap:12px}
.identity-page-empty{padding:40px 20px;text-align:center;font-size:12px}

.identity-hero{
  position:relative;
  min-height:380px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  padding:22px 18px 18px;
  border:1px solid rgba(131,163,204,.09);
  border-radius:24px;
  
  
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}
.identity-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  
}
.identity-map{
  position:absolute;z-index:1;top:10px;left:50%;
  width:216px;height:216px;transform:translateX(-50%)
}
.identity-map-orbit{position:absolute;border-radius:50%;border:1px solid rgba(115,156,199,.11)}
.identity-map-orbit.o1{inset:13px;transform:rotate(28deg) scaleY(.52)}
.identity-map-orbit.o2{inset:34px;transform:rotate(-35deg) scaleY(.66)}
.identity-map-node{position:absolute;border-radius:50%;}
.identity-map-node.center{left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);}
.identity-map-node.top{left:50%;top:17px;width:4px;height:4px}
.identity-map-node.right{right:19px;top:50%;width:4px;height:4px}
.identity-map-node.bottom{left:50%;bottom:18px;width:4px;height:4px}
.identity-map-node.left{left:19px;top:50%;width:4px;height:4px}
.identity-map-line{position:absolute;left:50%;top:50%;width:128px;height:1px;transform-origin:center}
.identity-map-line.l1{transform:translate(-50%,-50%) rotate(45deg)}.identity-map-line.l2{transform:translate(-50%,-50%) rotate(-45deg)}

.identity-hero-copy{position:relative;z-index:3;text-align:center}
.identity-hero-copy>small{font-size:12px;letter-spacing:.25em}
.identity-hero-copy h1{margin:7px 0 6px;font-size:28px;font-weight:510;letter-spacing:.12em}
.identity-hero-copy>p{max-width:520px;margin:0 auto;font-size:12px;line-height:1.72}
.identity-hero-copy blockquote{max-width:570px;margin:12px auto 0;font-size:12px;line-height:1.72;font-style:normal}
.identity-hero-grid{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px
}
.identity-hero-grid span{padding:8px 9px;border-radius:10px;border:1px solid rgba(126,159,197,.06)}
.identity-hero-grid small{display:block;font-size:12px;letter-spacing:.08em}
.identity-hero-grid b{display:block;margin-top:5px;font-size:12px;font-weight:500;line-height:1.5}

.identity-section{
  position:relative;
  padding:18px 16px;
  border:1px solid rgba(130,162,201,.078);
  border-radius:18px;
  
  
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.identity-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.identity-section-head>span{font-family:ui-monospace,monospace;font-size:12px}
.identity-section-head small{display:block;font-size:12px;letter-spacing:.19em}
.identity-section-head h3{margin:4px 0 0;font-size:14px;font-weight:550;letter-spacing:.075em}
.identity-lead{margin:0;font-size:12px;line-height:1.82}
.identity-lead.large{font-size:12px;line-height:1.9}

.identity-core-dual{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.identity-core-dual article,.identity-environment article{
  padding:11px;border-radius:12px;border:1px solid rgba(126,158,196,.055)
}
.identity-core-dual small,.identity-environment small{font-size:12px}
.identity-core-dual p,.identity-environment p{margin:7px 0 0;font-size:12px;line-height:1.66}
.identity-inner-tension,.identity-question-card,.identity-alignment-note,.identity-origin-note{
  margin-top:9px;padding:11px 12px;border-left:2px solid rgba(103,153,191,.28);border-radius:0 10px 10px 0;}
.identity-inner-tension small,.identity-question-card small,.identity-alignment-note small{font-size:12px}
.identity-inner-tension p,.identity-question-card p,.identity-alignment-note p,.identity-origin-note{font-size:12px;line-height:1.67}
.identity-inner-tension p,.identity-question-card p,.identity-alignment-note p{margin:6px 0 0}

.identity-system-list{display:grid;gap:8px;margin-top:11px}
.identity-system-card{
  display:grid;grid-template-columns:28px 1fr;gap:9px;
  padding:12px;border-radius:13px;
  border:1px solid rgba(127,159,198,.06)
}
.identity-system-index{font-size:12px;padding-top:3px}
.identity-system-copy header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.identity-system-copy header small{display:block;font-size:12px}
.identity-system-copy header strong{display:block;margin-top:3px;font-size:12px;font-weight:550}
.identity-system-copy header em{font-size:12px;font-style:normal;white-space:nowrap}
.identity-system-intro{}
.identity-system-copy>p{margin:7px 0 0;font-size:12px;line-height:1.65}
.identity-system-lines{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.identity-system-lines span{padding:8px;border-radius:8px;font-size:12px;line-height:1.58}
.identity-system-lines b{display:block;margin-bottom:4px;font-size:12px;font-weight:520}
.identity-system-drive{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.identity-system-drive i{padding:4px 6px;border-radius:999px;font-size:12px;font-style:normal}

.identity-environment{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}

.identity-practice-hero{padding:13px;border-radius:13px;border:1px solid rgba(126,159,197,.06)}
.identity-practice-hero small{font-size:12px}.identity-practice-hero strong{display:block;margin:5px 0;font-size:12px;font-weight:540}
.identity-practice-hero p{margin:0;font-size:12px;line-height:1.68}
.identity-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.identity-practice-grid article{padding:10px;border-radius:11px;border:1px solid rgba(126,159,196,.05)}
.identity-practice-grid header{display:flex;gap:7px;align-items:center}.identity-practice-grid span{font-size:12px}.identity-practice-grid b{font-size:12px}
.identity-practice-grid p{margin:7px 0 0;font-size:12px;line-height:1.58}

.identity-origin-grid{display:grid;gap:7px;margin-top:11px}
.identity-origin-grid article{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:11px;border-radius:11px;border:1px solid rgba(126,159,197,.05)}
.identity-origin-grid>article>span{font-size:12px}
.identity-origin-grid header{display:flex;justify-content:space-between;gap:8px}.identity-origin-grid strong{font-size:12px}.identity-origin-grid em{font-size:12px;font-style:normal}
.identity-origin-grid p{margin:6px 0 0;font-size:12px;line-height:1.62}
.identity-origin-note{border-left-}

.identity-drive-grid,.identity-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.identity-drive-card,.identity-flow-grid article{
  padding:11px;border-radius:12px;border:1px solid rgba(126,159,196,.055)
}
.identity-drive-card header,.identity-flow-grid header{display:flex;justify-content:space-between;gap:7px;align-items:center}
.identity-drive-card small,.identity-flow-grid small{font-size:12px}
.identity-drive-card strong{font-size:12px;font-weight:540}.identity-flow-grid b{font-size:12px}
.identity-drive-card>p,.identity-flow-grid p{margin:7px 0 0;font-size:12px;line-height:1.62}
.identity-drive-answer{display:flex;justify-content:space-between;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(125,157,194,.045);font-size:12px}
.identity-drive-answer b{font-weight:520}.identity-drive-answer span{}
.identity-drive-card.kind-禄,.identity-flow-grid .kind-禄{}
.identity-drive-card.kind-权,.identity-flow-grid .kind-权{}
.identity-drive-card.kind-科,.identity-flow-grid .kind-科{}
.identity-drive-card.kind-忌,.identity-flow-grid .kind-忌{}

.identity-loop-list,.identity-resource-list,.identity-pressure-list,.identity-call-list,.identity-tension-list{display:grid;gap:7px}
.identity-loop-list article,.identity-resource-list article,.identity-pressure-list article{
  padding:11px;border-radius:11px;border:1px solid rgba(126,159,196,.05)
}
.identity-loop-list header,.identity-pressure-list header{display:flex;justify-content:space-between;gap:7px}
.identity-loop-list small,.identity-pressure-list small,.identity-resource-list small{font-size:12px}
.identity-loop-list b,.identity-pressure-list strong,.identity-resource-list strong{font-size:12px;font-weight:530}
.identity-loop-list p,.identity-pressure-list p,.identity-resource-list p{margin:7px 0 0;font-size:12px;line-height:1.62}
.identity-resource-list article{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start}
.identity-resource-list strong{display:block;margin-top:4px}

.identity-call-list article{padding:10px;border-radius:11px;border:1px solid rgba(126,159,196,.045)}
.identity-call-top{display:grid;grid-template-columns:70px 1fr auto;gap:7px;align-items:center}
.identity-call-top span{font-size:12px}.identity-call-top strong{font-size:12px;font-weight:520}.identity-call-top em{font-size:12px;font-style:normal}
.identity-call-bar{height:2px;margin:8px 0;border-radius:99px;overflow:hidden}
.identity-call-bar i{display:block;height:100%;border-radius:99px;}
.identity-call-list p{margin:0;font-size:12px;line-height:1.58}

.identity-tension-card{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:11px;border-radius:11px;border:1px solid rgba(126,159,196,.05)}
.identity-tension-card>span{font-size:12px}
.identity-tension-card small{font-size:12px}.identity-tension-card p{margin:6px 0 0;font-size:12px;line-height:1.58}.identity-tension-card p b{font-weight:520}
.identity-tension-card em{display:block;margin-top:7px;font-size:12px;line-height:1.58;font-style:normal}
.identity-tension-card.dynamic{}

.identity-low-high{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.identity-low-high article{padding:11px;border-radius:11px;border:1px solid rgba(126,159,196,.05)}
.identity-low-high small,.identity-growth-key small{display:block;margin-bottom:7px;font-size:12px}
.identity-low-high p,.identity-growth-key p{position:relative;margin:0 0 7px;padding-left:9px;font-size:12px;line-height:1.6}
.identity-low-high p::before,.identity-growth-key p::before{content:"";position:absolute;left:0;top:.62em;width:3px;height:3px;border-radius:50%;}
.identity-growth-key{margin-top:8px;padding:11px;border-radius:11px;border:1px solid rgba(126,159,196,.055)}

.identity-maturity-hero{display:grid;grid-template-columns:90px 1fr;gap:13px;align-items:center}
.identity-maturity-ring{
  --identity-progress:0;
  width:84px;height:84px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
.identity-maturity-ring strong{font-size:20px;font-weight:470}.identity-maturity-ring small{font-size:12px}
.identity-maturity-hero>div:last-child>small{font-size:12px}.identity-maturity-hero b{display:block;margin-top:4px;font-size:12px}.identity-maturity-hero p{margin:6px 0 0;font-size:12px;line-height:1.62}
.identity-maturity-list{display:grid;gap:8px;margin-top:12px}
.identity-maturity-list article{padding:10px;border-radius:11px;border:1px solid rgba(126,159,196,.045)}
.identity-maturity-list p{margin:0 0 8px;font-size:12px;line-height:1.6}
.identity-maturity-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.identity-maturity-scale button{min-height:28px;padding:0 3px;border:1px solid rgba(111,146,180,.06);border-radius:7px;font-size:12px}
.identity-maturity-scale button.active{}
.identity-maturity-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(125,157,194,.05);font-size:12px;line-height:1.62}

.identity-calm-card,.identity-empty-note{
  padding:12px;border-radius:11px;border:1px dashed rgba(124,157,193,.07)
}
.identity-calm-card strong{font-size:12px}.identity-calm-card p{margin:7px 0 0;font-size:12px;line-height:1.64}
.identity-empty-note{font-size:12px;line-height:1.62}

.identity-final{text-align:center;padding:31px 20px}
.identity-final>small{font-size:12px;letter-spacing:.21em}
.identity-final h2{max-width:560px;margin:9px auto;font-size:14px;line-height:1.55;font-weight:520}
.identity-final p{max-width:610px;margin:0 auto;font-size:12px;line-height:1.74}
.identity-final blockquote{max-width:570px;margin:16px auto 0;padding-top:14px;border-top:1px solid rgba(125,157,194,.055);font-size:12px;line-height:1.72;font-style:normal}

@media(max-width:520px){
  .identity-page-shell{padding-left:10px;padding-right:10px}
  .identity-hero{min-height:364px;padding-left:14px;padding-right:14px}
  .identity-hero-copy h1{font-size:25px}
  .identity-section{padding:16px 13px}
}
@media(max-width:390px){
  .identity-system-lines,.identity-core-dual,.identity-environment,.identity-practice-grid,.identity-drive-grid,.identity-flow-grid,.identity-low-high{grid-template-columns:1fr}
  .identity-resource-list article{grid-template-columns:1fr}
  .identity-maturity-scale{grid-template-columns:1fr 1fr}
}





:scope.identity-page-active > .app > .top,
:scope.purpose-page-active > .app > .top,
:scope.embodiment-page-active > .app > .top{
  display:none!important;
}

:scope.identity-page-active > .app,
:scope.purpose-page-active > .app,
:scope.embodiment-page-active > .app{
  width:min(100%,780px)!important;
  max-width:780px!important;
  padding:
    env(safe-area-inset-top,0px)
    0
    calc(38px + env(safe-area-inset-bottom,0px))!important;
}


#identityPage,
#purposePage,
#embodimentPage,
.identity-page-shell,
.purpose-page-shell,
.embodiment-page-shell,
.identity-page-:scope,
.purpose-page-:scope,
.embodiment-page-:scope{
  
  border:0!important;
  border-radius:0!important;
  
}

.identity-page-shell,
.purpose-page-shell,
.embodiment-page-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 12px 46px!important;
}


.identity-page-topbar,
.purpose-page-topbar,
.embodiment-page-topbar{
  position:relative!important;
  top:auto!important;
  z-index:50!important;
  min-height:72px!important;

  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;

  margin:0!important;
  padding:10px 2px 8px!important;

  
  border:0!important;
  border-radius:0!important;
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


.identity-back,
.purpose-back,
.embodiment-back{
  width:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:50%!important;
  
  
  
}
.identity-back svg,
.purpose-back svg,
.embodiment-back svg{
  width:21px!important;
  height:21px!important;
  stroke-width:1.65!important;
}


.identity-top-title,
.purpose-top-title,
.embodiment-top-title{
  text-align:left!important;
  line-height:1!important;
  min-width:0!important;
}
.identity-top-title strong,
.purpose-top-title strong,
.embodiment-top-title strong{
  display:block!important;
  margin:0!important;
  
  font-size:27px!important;
  line-height:1.08!important;
  font-weight:520!important;
  letter-spacing:.08em!important;
}


.identity-top-title small,
.purpose-top-title small,
.embodiment-top-title small,
.identity-top-symbol,
.purpose-top-dot,
.embodiment-top-mark{
  display:none!important;
}


.identity-hero,
.purpose-hero,
.embodiment-hero{
  border:0!important;
  border-radius:0!important;
  
  
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  margin:0!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
.identity-hero::after,
.purpose-hero::after,
.embodiment-hero::after{
  opacity:.48!important;
}


.identity-page-:scope,
.purpose-page-:scope,
.embodiment-page-:scope{
  gap:14px!important;
}




.identity-hero-copy>small,
.purpose-hero-copy>small,
.embodiment-hero-copy>small{
  font-size:8px!important;
}
.identity-hero-copy h1,
.purpose-hero-copy h1,
.embodiment-hero-copy h1{
  font-size:33px!important;
  line-height:1.15!important;
}
.identity-hero-copy>p,
.purpose-hero-copy>p,
.embodiment-hero-copy>p{
  font-size:12px!important;
  line-height:1.8!important;
}
.identity-hero-copy blockquote,
.purpose-hero-copy blockquote,
.embodiment-hero-copy blockquote{
  font-size:11px!important;
  line-height:1.8!important;
}


.identity-hero-grid small,
.purpose-hero-meta small,
.embodiment-hero-stats small{
  font-size:7.5px!important;
}
.identity-hero-grid b,
.purpose-hero-meta b,
.embodiment-hero-stats b{
  font-size:9.5px!important;
  line-height:1.55!important;
}


.embodiment-hero-rule small{
  font-size:8px!important;
}
.embodiment-hero-rule strong{
  font-size:12px!important;
  line-height:1.5!important;
}


.identity-section-head,
.purpose-section-head,
.embodiment-section-head{
  margin-bottom:16px!important;
}
.identity-section-head>span,
.purpose-section-head>span,
.embodiment-section-head>span{
  font-size:8.5px!important;
}
.identity-section-head small,
.purpose-section-head small,
.embodiment-section-head small{
  font-size:7.5px!important;
}
.identity-section-head h3,
.purpose-section-head h3,
.embodiment-section-head h3{
  margin-top:5px!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:560!important;
}


.identity-lead,
.purpose-section-lead,
.embodiment-lead{
  font-size:11px!important;
  line-height:1.9!important;
}
.identity-lead.large,
.purpose-big-copy,
.embodiment-lead.large{
  font-size:13px!important;
  line-height:1.95!important;
}


.identity-section small,
.purpose-section small,
.embodiment-section small{
  min-font-size:8px;
}


.identity-core-dual small,
.identity-environment small,
.identity-inner-tension small,
.identity-question-card small,
.identity-alignment-note small,
.identity-system-copy header small,
.identity-system-copy header em,
.identity-practice-hero small,
.identity-origin-grid em,
.identity-drive-card small,
.identity-flow-grid small,
.identity-loop-list small,
.identity-pressure-list small,
.identity-resource-list small,
.identity-call-top span,
.identity-call-top em,
.identity-tension-card small,
.identity-low-high small,
.identity-growth-key small{
  font-size:8px!important;
}
.identity-core-dual p,
.identity-environment p,
.identity-inner-tension p,
.identity-question-card p,
.identity-alignment-note p,
.identity-system-copy>p,
.identity-system-lines span,
.identity-practice-hero p,
.identity-practice-grid p,
.identity-origin-grid p,
.identity-origin-note,
.identity-drive-card>p,
.identity-flow-grid p,
.identity-loop-list p,
.identity-pressure-list p,
.identity-resource-list p,
.identity-call-list p,
.identity-tension-card p,
.identity-tension-card em,
.identity-low-high p,
.identity-growth-key p,
.identity-calm-card p,
.identity-empty-note{
  font-size:10.3px!important;
  line-height:1.72!important;
}
.identity-system-copy header strong,
.identity-practice-hero strong,
.identity-origin-grid strong,
.identity-drive-card strong,
.identity-resource-list strong,
.identity-pressure-list strong,
.identity-loop-list b{
  font-size:11px!important;
}
.identity-system-lines b{
  font-size:8.5px!important;
}


.purpose-truth-card small,
.purpose-impact-card small,
.purpose-force-head span,
.purpose-support-grid small,
.purpose-support-grid span,
.purpose-node-top small,
.purpose-node-top em,
.purpose-flow-card small,
.purpose-loop-list small,
.purpose-shadow-grid small,
.purpose-mature-card small,
.purpose-check-scale button,
.purpose-progress-note,
.purpose-practice-list span{
  font-size:8px!important;
}
.purpose-truth-card p,
.purpose-three-list p,
.purpose-impact-card p,
.purpose-force-copy p,
.purpose-force-copy small,
.purpose-force-copy em,
.purpose-force-mut,
.purpose-structure-summary>div:last-child p,
.purpose-structure-node p,
.purpose-structure-note,
.purpose-flow-card p,
.purpose-loop-list p,
.purpose-calm-card p,
.purpose-shadow-grid p,
.purpose-mature-card p,
.purpose-progress-hero>div:last-child p,
.purpose-check-item p,
.purpose-practice-list p,
.purpose-final-section p,
.purpose-empty-note{
  font-size:10.3px!important;
  line-height:1.74!important;
}
.purpose-impact-card strong,
.purpose-force-head strong,
.purpose-structure-summary>div:last-child b,
.purpose-calm-card strong,
.purpose-progress-hero>div:last-child b{
  font-size:11px!important;
}
.purpose-section-head h3{
  font-size:16px!important;
}


.embodiment-insight-card small,
.embodiment-reality-grid span,
.embodiment-force-no,
.embodiment-force-card header em,
.embodiment-tools-grid small,
.embodiment-tools-grid span,
.embodiment-native-drives span,
.embodiment-structure-grid header span,
.embodiment-structure-grid header em,
.embodiment-flow-grid small,
.embodiment-loop-list small,
.embodiment-stage-path small,
.embodiment-check-scale button,
.embodiment-graduation-note,
.embodiment-practice-list span{
  font-size:8px!important;
}
.embodiment-insight-card p,
.embodiment-reality-grid p,
.embodiment-force-card p,
.embodiment-force-card small,
.embodiment-force-drive,
.embodiment-native-drives p,
.embodiment-structure-summary>div:last-child p,
.embodiment-structure-grid p,
.embodiment-structure-foot,
.embodiment-flow-grid p,
.embodiment-loop-list p,
.embodiment-calm-card p,
.embodiment-stage-path p,
.embodiment-freedom-copy p,
.embodiment-freedom-copy strong,
.embodiment-completion-hero>div:last-child p,
.embodiment-check-list p,
.embodiment-practice-list p,
.embodiment-final p,
.embodiment-empty-note{
  font-size:10.3px!important;
  line-height:1.74!important;
}
.embodiment-force-card header strong,
.embodiment-native-drives strong,
.embodiment-structure-summary>div:last-child b,
.embodiment-calm-card strong,
.embodiment-stage-path strong,
.embodiment-completion-hero>div:last-child b{
  font-size:11px!important;
}


.identity-maturity-scale button,
.purpose-check-scale button,
.embodiment-check-scale button{
  min-height:34px!important;
  font-size:8.5px!important;
}


.identity-final>small,
.purpose-final-section>small,
.embodiment-final>small{
  font-size:7.5px!important;
}
.identity-final h2,
.purpose-final-section h2,
.embodiment-final h2{
  font-size:18px!important;
  line-height:1.55!important;
}
.identity-final p,
.purpose-final-section p,
.embodiment-final p{
  font-size:11px!important;
  line-height:1.8!important;
}
.identity-final blockquote,
.purpose-final-section blockquote,
.embodiment-final blockquote{
  font-size:12px!important;
  line-height:1.8!important;
}


#identityPage,
#purposePage,
#embodimentPage{
  transform-origin:0 0!important;
  will-change:auto;
  touch-action:pan-y!important;
}
#identityPage.detail-edge-swiping,
#purposePage.detail-edge-swiping,
#embodimentPage.detail-edge-swiping,
#identityPage.detail-edge-leaving,
#purposePage.detail-edge-leaving,
#embodimentPage.detail-edge-leaving{
  will-change:transform!important;
}


@media(max-width:520px){
  .identity-page-shell,
  .purpose-page-shell,
  .embodiment-page-shell{
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .identity-page-topbar,
  .purpose-page-topbar,
  .embodiment-page-topbar{
    min-height:68px!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .identity-top-title strong,
  .purpose-top-title strong,
  .embodiment-top-title strong{
    font-size:25px!important;
  }

  .identity-hero-copy h1,
  .purpose-hero-copy h1,
  .embodiment-hero-copy h1{
    font-size:30px!important;
  }
}





:scope.bondage-page-active > .app > .top{
  display:none!important;
}
:scope.bondage-page-active > .app{
  width:min(100%,780px)!important;
  max-width:780px!important;
  padding:
    env(safe-area-inset-top,0px)
    0
    calc(38px + env(safe-area-inset-bottom,0px))!important;
}

#bondagePage,
.bondage-page-shell,
.bondage-page-:scope{
  
  border:0!important;
  border-radius:0!important;
  
}
#bondagePage{
  position:relative;
  min-height:100vh;
  padding-bottom:34px;
  overflow:hidden;
  transform-origin:0 0!important;
  touch-action:pan-y!important;
}
#bondagePage::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  
}
.bondage-page-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 12px 46px!important;
}
.bondage-page-:scope{display:flex;flex-direction:column;gap:14px}
.bondage-page-empty{padding:40px 20px;text-align:center;font-size:12px}

.bondage-page-topbar{
  position:relative!important;
  z-index:50!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:10px 2px 8px!important;
  
  border:0!important;
  
}
.bondage-back{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  
  }
.bondage-back svg{width:21px!important;height:21px!important;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.bondage-top-title{text-align:left;line-height:1}
.bondage-top-title strong{
  display:block;margin:0;
  font-size:27px;line-height:1.08;font-weight:520;letter-spacing:.08em
}

.bondage-hero{
  position:relative;
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  margin:0;
  padding:22px 12px 18px;
  border:0;border-radius:0;
  
  }
.bondage-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  }
.bondage-knot{
  position:absolute;z-index:1;left:50%;top:7px;
  width:224px;height:224px;transform:translateX(-50%);
}
.bondage-knot i{
  position:absolute;left:50%;top:50%;
  width:134px;height:82px;border-radius:50%;
  border:1px solid rgba(153,129,180,.12);
  transform-origin:center
}
.bondage-knot .k1{transform:translate(-50%,-50%) rotate(17deg)}
.bondage-knot .k2{transform:translate(-50%,-50%) rotate(77deg)}
.bondage-knot .k3{transform:translate(-50%,-50%) rotate(137deg)}
.bondage-knot span{
  position:absolute;left:50%;top:50%;width:46px;height:46px;
  transform:translate(-50%,-50%);border-radius:50%;
  
  }
.bondage-hero-copy{position:relative;z-index:3;text-align:center}
.bondage-hero-copy>small{font-size:12px;letter-spacing:.24em}
.bondage-hero-copy h1{
  margin:8px 0 7px;
  font-size:32px;line-height:1.15;font-weight:510;letter-spacing:.09em
}
.bondage-hero-copy>p{
  max-width:570px;margin:0 auto;
  font-size:14px;line-height:1.82
}
.bondage-hero-copy blockquote{
  max-width:575px;margin:13px auto 0;
  font-size:12px;line-height:1.82;font-style:normal
}
.bondage-hero-grid{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:16px
}
.bondage-hero-grid span{
  padding:9px;border:1px solid rgba(154,132,176,.06);
  border-radius:10px;}
.bondage-hero-grid small{display:block;font-size:12px}
.bondage-hero-grid b{display:block;margin-top:5px;font-size:12px;line-height:1.55;font-weight:500}

.bondage-section{
  position:relative;
  padding:18px 16px;
  border:1px solid rgba(151,133,176,.07);
  border-radius:18px;
  
  
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px)
}
.bondage-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.bondage-section-head>span{font-family:ui-monospace,monospace;font-size:12px}
.bondage-section-head small{display:block;font-size:12px;letter-spacing:.19em}
.bondage-section-head h3{margin:5px 0 0;font-size:16px;line-height:1.35;font-weight:560;letter-spacing:.06em}
.bondage-lead{margin:0;font-size:12px;line-height:1.9}
.bondage-lead.large{font-size:14px;line-height:1.95}

.bondage-formula{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:7px;margin-top:15px;padding:12px 8px;
  border-top:1px solid rgba(151,133,176,.055);
  border-bottom:1px solid rgba(151,133,176,.055)
}
.bondage-formula span{padding:5px 8px;border-radius:999px;font-size:12px}
.bondage-formula i{font-style:normal;font-size:12px}

.bondage-core-card,.bondage-mode-card,.bondage-fear-card,.bondage-gift-card{
  padding:13px;border-radius:13px;border:1px solid rgba(150,131,175,.055)
}
.bondage-core-card small,.bondage-mode-card header small,.bondage-fear-card>small,.bondage-gift-card>small,.bondage-question-card small,.bondage-trap-card small,.bondage-unlock-card small{
  font-size:12px
}
.bondage-core-card p,.bondage-mode-card>p,.bondage-gift-card p,.bondage-trap-card p,.bondage-unlock-card p{
  margin:7px 0 0;font-size:12px;line-height:1.74
}
.bondage-question-card{
  margin-top:8px;padding:13px;border-left:2px solid rgba(146,116,171,.28);border-radius:0 11px 11px 0;
  }
.bondage-question-card strong{display:block;margin-top:6px;font-size:14px;line-height:1.65;font-weight:530}

.bondage-mode-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bondage-mode-card header strong{font-size:12px;font-weight:540}
.bondage-mode-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.bondage-mode-columns article{padding:10px;border-radius:10px;border:1px solid rgba(147,130,171,.045)}
.bondage-mode-columns small{font-size:12px}
.bondage-mode-columns p{margin:6px 0 0;font-size:12px;line-height:1.68}

.bondage-flight-list,.bondage-loop-list,.bondage-pressure-list,.bondage-action-list{display:grid;gap:8px;margin-top:11px}
.bondage-flight-list article{
  display:grid;grid-template-columns:28px 1fr;gap:9px;padding:11px;border-radius:11px;
  border:1px solid rgba(148,129,172,.05)
}
.bondage-flight-list>article>span{font-size:12px;padding-top:2px}
.bondage-flight-list header{display:flex;align-items:center;gap:7px}
.bondage-flight-list header strong,.bondage-flight-list header b{font-size:12px;font-weight:530}
.bondage-flight-list header i{font-size:12px;font-style:normal}
.bondage-flight-list p,.bondage-loop-list p,.bondage-pressure-list p,.bondage-calm-card p,.bondage-loop-warning p{
  margin:7px 0 0;font-size:12px;line-height:1.7
}

.bondage-loop-list article,.bondage-pressure-list article{
  padding:11px;border-radius:11px;border:1px solid rgba(148,129,172,.05)
}
.bondage-loop-list header,.bondage-pressure-list header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bondage-loop-list small,.bondage-pressure-list small{font-size:12px}
.bondage-loop-list b,.bondage-pressure-list strong{font-size:12px;font-weight:530}
.bondage-loop-warning{
  margin-top:9px;padding:11px 12px;border-radius:11px;
  
  border:1px solid rgba(147,126,170,.05)
}
.bondage-loop-warning small{font-size:12px}

.bondage-ecology-head{display:grid;grid-template-columns:82px 1fr;gap:13px;align-items:center}
.bondage-ecology-score{
  width:76px;height:76px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(145,124,169,.12);
  }
.bondage-ecology-score strong{font-size:21px;font-weight:460}
.bondage-ecology-score small{font-size:12px}
.bondage-ecology-head>p{margin:0;font-size:12px;line-height:1.72}
.bondage-ecology-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.bondage-ecology-grid article{padding:10px;border-radius:11px;border:1px solid rgba(147,128,170,.045)}
.bondage-ecology-grid article.primary{}
.bondage-ecology-grid header{display:grid;grid-template-columns:20px 1fr auto;gap:5px;align-items:center}
.bondage-ecology-grid header span{font-size:12px}
.bondage-ecology-grid header b{font-size:12px}
.bondage-ecology-grid header em{font-size:12px;font-style:normal}
.bondage-node-bar{height:2px;margin:8px 0;border-radius:99px;overflow:hidden}
.bondage-node-bar i{display:block;height:100%;border-radius:99px;}
.bondage-ecology-grid p{margin:0;font-size:12px;line-height:1.62}
.bondage-supports{margin-top:9px;padding-top:10px;border-top:1px solid rgba(147,129,171,.045)}
.bondage-supports>small{font-size:12px}
.bondage-supports>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.bondage-supports span{padding:5px 7px;border-radius:999px;font-size:12px}

.bondage-fear-card{text-align:center;padding:18px 14px}
.bondage-fear-card h3{max-width:580px;margin:8px auto;font-size:17px;line-height:1.55;font-weight:520}
.bondage-fear-card p{max-width:570px;margin:7px auto 0;font-size:12px;line-height:1.72}
.bondage-trap-card,.bondage-unlock-card{margin-top:8px;padding:11px 12px;border-radius:11px;border:1px solid rgba(147,129,171,.045)}

.bondage-stage-path{display:grid;gap:0}
.bondage-stage-path article{display:grid;grid-template-columns:32px 1fr;gap:10px;min-height:76px}
.bondage-stage-index{position:relative;display:flex;justify-content:center}
.bondage-stage-index span{
  position:relative;z-index:2;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(145,122,168,.13);font-size:12px
}
.bondage-stage-index i{position:absolute;top:23px;bottom:0;width:1px;}
.bondage-stage-path article:last-child .bondage-stage-index i{display:none}
.bondage-stage-path article>div:last-child{padding-bottom:14px}
.bondage-stage-path small{display:block;font-size:12px;letter-spacing:.14em}
.bondage-stage-path strong{display:block;margin-top:4px;font-size:12px;font-weight:540}
.bondage-stage-path p{margin:5px 0 0;font-size:12px;line-height:1.66}

.bondage-gift-card{text-align:center;padding:17px 14px}
.bondage-gift-card strong{display:block;max-width:580px;margin:8px auto;font-size:14px;line-height:1.65;font-weight:530}

.bondage-progress-hero{display:grid;grid-template-columns:92px 1fr;gap:13px;align-items:center}
.bondage-progress-ring{
  --bondage-progress:0;
  width:86px;height:86px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
.bondage-progress-ring strong{font-size:21px;font-weight:470}
.bondage-progress-ring small{font-size:12px}
.bondage-progress-hero>div:last-child b{font-size:12px}
.bondage-progress-hero>div:last-child p{margin:6px 0 0;font-size:12px;line-height:1.68}
.bondage-check-list{display:grid;gap:8px;margin-top:12px}
.bondage-check-list article{padding:10px;border-radius:11px;border:1px solid rgba(146,128,169,.045)}
.bondage-check-list p{margin:0 0 8px;font-size:12px;line-height:1.62}
.bondage-check-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.bondage-check-scale button{
  min-height:34px;padding:0 3px;border:1px solid rgba(133,111,154,.06);border-radius:7px;
  font-size:12px
}
.bondage-check-scale button.active{}
.bondage-progress-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(147,129,171,.045);font-size:12px;line-height:1.65}

.bondage-action-list article{
  display:grid;grid-template-columns:30px 1fr;gap:9px;padding:11px;border-radius:11px;border:1px solid rgba(146,128,169,.045)
}
.bondage-action-list>article>span{
  width:23px;height:23px;display:grid;place-items:center;border-radius:50%;
  font-size:12px
}
.bondage-action-list strong{font-size:12px;font-weight:540}
.bondage-action-list p{margin:5px 0 0;font-size:12px;line-height:1.7}

.bondage-calm-card,.bondage-page-empty{
  padding:12px;border-radius:11px;border:1px dashed rgba(144,126,167,.07)
}
.bondage-calm-card strong{font-size:12px}

.bondage-final{text-align:center;padding:31px 20px}
.bondage-final>small{font-size:12px;letter-spacing:.20em}
.bondage-final h2{max-width:560px;margin:9px auto;font-size:18px;line-height:1.55;font-weight:520}
.bondage-final p{max-width:610px;margin:0 auto;font-size:12px;line-height:1.8}
.bondage-final blockquote{max-width:590px;margin:16px auto 0;padding-top:14px;border-top:1px solid rgba(146,128,169,.05);font-size:14px;line-height:1.8;font-style:normal}


#bondagePage.detail-edge-swiping,
#bondagePage.detail-edge-leaving{will-change:transform!important}

@media(max-width:520px){
  .bondage-page-shell{padding-left:9px!important;padding-right:9px!important}
  .bondage-page-topbar{min-height:68px!important;padding-left:0!important;padding-right:0!important}
  .bondage-top-title strong{font-size:25px!important}
  .bondage-hero-copy h1{font-size:29px}
  .bondage-section{padding:16px 13px}
}
@media(max-width:390px){
  .bondage-hero-grid,.bondage-mode-columns,.bondage-ecology-grid{grid-template-columns:1fr}
  .bondage-check-scale{grid-template-columns:1fr 1fr}
}





:scope.achievement-page-active > .app > .top{display:none!important}
:scope.achievement-page-active > .app{
  width:min(100%,780px)!important;
  max-width:780px!important;
  padding:env(safe-area-inset-top,0px) 0 calc(38px + env(safe-area-inset-bottom,0px))!important
}
#achievementPage,.achievement-page-shell,.achievement-page-:scope{
  border:0!important;border-radius:0!important;}
#achievementPage{
  position:relative;min-height:100vh;padding-bottom:34px;overflow:hidden;
  transform-origin:0 0!important;touch-action:pan-y!important
}
#achievementPage::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  }
.achievement-page-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0 12px 46px!important}
.achievement-page-:scope{display:flex;flex-direction:column;gap:14px}
.achievement-page-empty{padding:40px 20px;text-align:center;font-size:12px}

.achievement-page-topbar{
  position:relative!important;z-index:50!important;min-height:72px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
  margin:0!important;padding:10px 2px 8px!important;border:0!important;}
.achievement-back{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  }
.achievement-back svg{width:21px!important;height:21px!important;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.achievement-top-title strong{
  display:block;margin:0;font-size:27px;line-height:1.08;font-weight:520;letter-spacing:.08em
}

.achievement-hero{
  position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
  margin:0;padding:22px 12px 18px;border:0;border-radius:0;}
.achievement-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  }
.achievement-constellation{position:absolute;z-index:1;left:50%;top:5px;width:232px;height:232px;transform:translateX(-50%)}
.achievement-constellation i{
  position:absolute;left:50%;top:50%;height:1px;transform-origin:left center;
  }
.achievement-constellation .a1{width:82px;transform:rotate(-34deg)}
.achievement-constellation .a2{width:88px;transform:rotate(35deg)}
.achievement-constellation .a3{width:76px;transform:rotate(143deg)}
.achievement-constellation .a4{width:72px;transform:rotate(213deg)}
.achievement-constellation span{position:absolute;width:5px;height:5px;border-radius:50%;}
.achievement-constellation .c1{left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);}
.achievement-constellation .c2{left:37px;top:77px}.achievement-constellation .c3{right:35px;top:83px}.achievement-constellation .c4{left:69px;bottom:35px}.achievement-constellation .c5{right:65px;bottom:37px}

.achievement-hero-copy{position:relative;z-index:3;text-align:center}
.achievement-hero-copy>small{font-size:12px;letter-spacing:.23em}
.achievement-hero-copy h1{margin:8px 0 7px;font-size:32px;line-height:1.15;font-weight:510;letter-spacing:.09em}
.achievement-hero-copy>p{max-width:590px;margin:0 auto;font-size:14px;line-height:1.82}
.achievement-hero-copy blockquote{max-width:600px;margin:13px auto 0;font-size:12px;line-height:1.82;font-style:normal}
.achievement-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:16px}
.achievement-hero-grid span{padding:9px;border:1px solid rgba(120,174,171,.06);border-radius:10px;}
.achievement-hero-grid small{display:block;font-size:12px}
.achievement-hero-grid b{display:block;margin-top:5px;font-size:12px;line-height:1.55;font-weight:500}

.achievement-section{
  position:relative;padding:18px 16px;border:1px solid rgba(119,171,168,.068);border-radius:18px;
  
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)
}
.achievement-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.achievement-section-head>span{font-family:ui-monospace,monospace;font-size:12px}
.achievement-section-head small{display:block;font-size:12px;letter-spacing:.19em}
.achievement-section-head h3{margin:5px 0 0;font-size:16px;line-height:1.35;font-weight:560;letter-spacing:.06em}
.achievement-lead{margin:0;font-size:12px;line-height:1.9}
.achievement-lead.large{font-size:14px;line-height:1.95}

.achievement-top-abilities{display:grid;gap:8px;margin-top:12px}
.achievement-top-abilities article{
  display:grid;grid-template-columns:30px 1fr;gap:9px;padding:12px;border-radius:12px;
  border:1px solid rgba(119,170,167,.05)
}
.achievement-top-abilities article.primary{}
.achievement-top-abilities>article>span{font-size:12px;padding-top:3px}
.achievement-top-abilities small{font-size:12px}
.achievement-top-abilities strong{display:block;margin-top:3px;font-size:14px;font-weight:540}
.achievement-top-abilities p{margin:6px 0 0;font-size:12px;line-height:1.7}
.achievement-evidence{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.achievement-evidence i{padding:4px 6px;border-radius:999px;font-size:12px;font-style:normal}
.achievement-proof-note{
  margin-top:9px;padding:11px 12px;border-left:2px solid rgba(91,159,153,.26);border-radius:0 10px 10px 0;
  }
.achievement-proof-note small{font-size:12px}.achievement-proof-note p{margin:6px 0 0;font-size:12px;line-height:1.68}

.achievement-combo-card,.achievement-method-hero,.achievement-value-card,.achievement-environment-card,.achievement-longgame-card{
  padding:13px;border-radius:13px;border:1px solid rgba(118,169,166,.05)
}
.achievement-combo-card small,.achievement-method-hero small,.achievement-value-card small,.achievement-environment-card small,.achievement-longgame-card small{font-size:12px}
.achievement-combo-card strong,.achievement-method-hero strong,.achievement-environment-card strong,.achievement-longgame-card strong{
  display:block;margin:6px 0;font-size:14px;line-height:1.55;font-weight:540
}
.achievement-combo-card p,.achievement-method-hero p,.achievement-value-card p,.achievement-environment-card p,.achievement-longgame-card p{
  margin:0;font-size:12px;line-height:1.72
}
.achievement-method-grid,.achievement-delegate-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.achievement-method-grid article,.achievement-delegate-grid article,.achievement-trust-list article{
  padding:10px;border-radius:11px;border:1px solid rgba(117,167,165,.045)
}
.achievement-method-grid small,.achievement-delegate-grid small,.achievement-trust-list small{font-size:12px}
.achievement-method-grid p,.achievement-delegate-grid p,.achievement-trust-list p{margin:6px 0 0;font-size:12px;line-height:1.68}
.achievement-career-forces{margin-top:8px}

.achievement-value-rule{
  margin-top:8px;padding:11px 12px;border-radius:11px;border:1px solid rgba(116,168,164,.045)
}
.achievement-value-rule strong{font-size:12px}.achievement-value-rule p{margin:6px 0 0;font-size:12px;line-height:1.68}

.achievement-drive-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.achievement-drive-grid article{
  padding:11px;border-radius:11px;border:1px solid rgba(117,167,165,.045)
}
.achievement-drive-grid small{font-size:12px}
.achievement-drive-grid strong{display:block;margin-top:5px;font-size:12px;font-weight:530}
.achievement-drive-grid p{margin:7px 0 0;font-size:12px;line-height:1.65}
.achievement-drive-grid em{display:block;margin-top:7px;font-size:12px;font-style:normal}
.achievement-drive-grid .kind-禄{}
.achievement-drive-grid .kind-权{}
.achievement-drive-grid .kind-科{}
.achievement-drive-grid .kind-忌{}

.achievement-leverage-list,.achievement-trust-list,.achievement-break-list,.achievement-cost-list,.achievement-resonance-list{display:grid;gap:8px;margin-top:10px}
.achievement-leverage-list article,.achievement-break-list article{
  display:grid;grid-template-columns:28px 1fr;gap:9px;padding:11px;border-radius:11px;border:1px solid rgba(117,167,165,.045)
}
.achievement-leverage-list>article>span,.achievement-break-list>article>span{font-size:12px;padding-top:2px}
.achievement-leverage-list header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.achievement-leverage-list small{font-size:12px}
.achievement-leverage-list strong,.achievement-break-list strong{font-size:12px;font-weight:530}
.achievement-leverage-list p,.achievement-break-list p{margin:6px 0 0;font-size:12px;line-height:1.68}
.achievement-trust-list{grid-template-columns:1fr 1fr}

.achievement-cost-list article{padding:10px;border-radius:11px;border:1px solid rgba(117,166,164,.04)}
.achievement-cost-top{display:grid;grid-template-columns:72px 1fr auto;gap:7px;align-items:center}
.achievement-cost-top span{font-size:12px}.achievement-cost-top strong{font-size:12px;font-weight:520}.achievement-cost-top em{font-size:12px;font-style:normal}
.achievement-cost-bar{height:2px;margin:8px 0;border-radius:99px;overflow:hidden}
.achievement-cost-bar i{display:block;height:100%;border-radius:99px;}
.achievement-cost-list p{margin:0;font-size:12px;line-height:1.62}

.achievement-resonance-list article{
  padding:12px;border-radius:12px;border:1px solid rgba(112,173,166,.06)
}
.achievement-resonance-list small{font-size:12px}
.achievement-resonance-list strong{display:block;margin:5px 0;font-size:12px;font-weight:540}
.achievement-resonance-list p{margin:0;font-size:12px;line-height:1.68}
.achievement-resonance-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.achievement-resonance-meta span{padding:9px;border-radius:10px;border:1px solid rgba(117,166,164,.04);text-align:center}
.achievement-resonance-meta small{display:block;font-size:12px}.achievement-resonance-meta b{display:block;margin-top:4px;font-size:14px;font-weight:520}

.achievement-progress-hero{display:grid;grid-template-columns:92px 1fr;gap:13px;align-items:center}
.achievement-progress-ring{
  --achievement-progress:0;width:86px;height:86px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
.achievement-progress-ring strong{font-size:21px;font-weight:470}
.achievement-progress-ring small{font-size:12px}
.achievement-progress-hero>div:last-child b{font-size:12px}
.achievement-progress-hero>div:last-child p{margin:6px 0 0;font-size:12px;line-height:1.68}
.achievement-check-list{display:grid;gap:8px;margin-top:12px}
.achievement-check-list article{padding:10px;border-radius:11px;border:1px solid rgba(117,166,164,.04)}
.achievement-check-list p{margin:0 0 8px;font-size:12px;line-height:1.62}
.achievement-check-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.achievement-check-scale button{
  min-height:34px;padding:0 3px;border:1px solid rgba(102,154,149,.06);border-radius:7px;
  font-size:12px
}
.achievement-check-scale button.active{}
.achievement-progress-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(115,165,162,.045);font-size:12px;line-height:1.65}

.achievement-calm-card,.achievement-empty-note{
  padding:12px;border-radius:11px;border:1px dashed rgba(115,165,162,.07)
}
.achievement-calm-card strong{font-size:12px}
.achievement-calm-card p{margin:7px 0 0;font-size:12px;line-height:1.66}
.achievement-empty-note{font-size:12px;line-height:1.65}

.achievement-final{text-align:center;padding:31px 20px}
.achievement-final>small{font-size:12px;letter-spacing:.20em}
.achievement-final h2{max-width:600px;margin:9px auto;font-size:18px;line-height:1.55;font-weight:520}
.achievement-final p{max-width:620px;margin:0 auto;font-size:12px;line-height:1.8}
.achievement-final blockquote{max-width:600px;margin:16px auto 0;padding-top:14px;border-top:1px solid rgba(115,165,162,.05);font-size:14px;line-height:1.8;font-style:normal}

#achievementPage.detail-edge-swiping,#achievementPage.detail-edge-leaving{will-change:transform!important}

@media(max-width:520px){
  .achievement-page-shell{padding-left:9px!important;padding-right:9px!important}
  .achievement-page-topbar{min-height:68px!important;padding-left:0!important;padding-right:0!important}
  .achievement-top-title strong{font-size:25px!important}
  .achievement-hero-copy h1{font-size:29px}
  .achievement-section{padding:16px 13px}
}
@media(max-width:390px){
  .achievement-hero-grid,.achievement-method-grid,.achievement-drive-grid,.achievement-trust-list,.achievement-resonance-meta,.achievement-delegate-grid{grid-template-columns:1fr}
  .achievement-check-scale{grid-template-columns:1fr 1fr}
  .achievement-cost-top{grid-template-columns:1fr}
}



#identityPage .identity-page-:scope{gap:18px!important}
#identityPage .identity-hero{
  min-height:430px!important;
  padding:24px 16px 18px!important;
}
#identityPage .identity-hero-copy>small{font-size:13px!important;letter-spacing:.16em!important}
#identityPage .identity-hero-copy h1{font-size:34px!important;line-height:1.12!important;margin:10px 0 8px!important}
#identityPage .identity-hero-copy>p{font-size:14px!important;line-height:1.8!important;}
#identityPage .identity-hero-copy blockquote{font-size:13px!important;line-height:1.8!important;}
#identityPage .identity-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:18px!important}
#identityPage .identity-hero-grid span{min-height:58px;padding:10px 8px!important;display:flex;flex-direction:column;justify-content:center}
#identityPage .identity-hero-grid small{font-size:12px!important;line-height:1.3!important;}
#identityPage .identity-hero-grid b{font-size:13px!important;line-height:1.45!important;}

.identity-layer{
  position:relative;
  padding:6px 0 0;
}
.identity-layer-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  padding:5px 4px 13px;
  border-bottom:1px solid rgba(132,164,200,.09);
}
.identity-layer-head>div{min-width:0}
.identity-layer-head small{display:block;font-size:12px;letter-spacing:.12em}
.identity-layer-head h2{margin:5px 0 0;font-size:22px;line-height:1.2;font-weight:560;letter-spacing:.06em}
.identity-layer-head p{max-width:360px;margin:0;font-size:13px;line-height:1.6;text-align:right}
.identity-layer-list{display:grid;gap:12px;margin-top:12px}

#identityPage .identity-section{
  padding:18px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(135,167,202,.085)!important;
  
}
#identityPage .identity-section-head{align-items:flex-start!important;margin-bottom:13px!important}
#identityPage .identity-section-head>span{min-width:28px;font-size:13px!important;line-height:1.4!important;}
#identityPage .identity-section-head small{font-size:12px!important;line-height:1.4!important;letter-spacing:.08em!important;}
#identityPage .identity-section-head h3{font-size:18px!important;line-height:1.35!important;margin-top:4px!important;}
#identityPage .identity-lead,
#identityPage .identity-lead.large{font-size:14px!important;line-height:1.82!important;}

.identity-basis{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  margin-top:12px;padding-top:11px;border-top:1px solid rgba(126,159,194,.07)
}
.identity-basis>small{font-size:12px;}
.identity-basis>span{padding:5px 8px;border-radius:999px;border:1px solid rgba(119,154,190,.08);font-size:12px;line-height:1.2}

.identity-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.identity-answer-card{padding:12px;border-radius:12px;border:1px solid rgba(126,158,196,.06)}
.identity-answer-card small{display:block;font-size:12px!important;line-height:1.4}
.identity-answer-card strong{display:block;margin-top:6px;font-size:14px;line-height:1.5;font-weight:550}
.identity-answer-card p{margin:7px 0 0;font-size:13px!important;line-height:1.72}

.identity-axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.identity-axis-card{padding:10px 11px;border-radius:11px;border:1px solid rgba(126,158,196,.055)}
.identity-axis-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.identity-axis-card small{font-size:12px!important;}
.identity-axis-card b{font-size:13px;font-weight:550}
.identity-axis-track{height:4px;margin-top:8px;border-radius:999px;overflow:hidden}
.identity-axis-track i{display:block;height:100%;border-radius:inherit;}

.identity-need-list,.identity-value-list,.identity-cognition-list,.identity-emotion-list,.identity-action-list{display:grid;gap:8px;margin-top:12px}
.identity-point{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px 11px;border-radius:11px;border:1px solid rgba(126,158,196,.05)}
.identity-point>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(128,166,201,.11);font-size:12px}
.identity-point p{margin:2px 0 0;font-size:13px;line-height:1.72}

#identityPage .identity-drive-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#identityPage .identity-drive-card{padding:12px!important}
#identityPage .identity-drive-card small{font-size:12px!important}
#identityPage .identity-drive-card strong{font-size:14px!important;line-height:1.45!important}
#identityPage .identity-drive-card>p{font-size:13px!important;line-height:1.7!important;}
#identityPage .identity-drive-answer,#identityPage .identity-drive-answer b,#identityPage .identity-drive-answer span{font-size:12px!important;line-height:1.45!important}

.identity-relation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.identity-relation-card{padding:12px;border-radius:12px;border:1px solid rgba(126,158,196,.055)}
.identity-relation-card small{font-size:12px!important;}
.identity-relation-card strong{display:block;margin-top:5px;font-size:14px;line-height:1.45;font-weight:550}
.identity-relation-card p{margin:7px 0 0;font-size:13px!important;line-height:1.72}

.identity-social-compare{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.identity-social-compare article{padding:12px;border-radius:12px;border:1px solid rgba(126,158,196,.055)}
.identity-social-compare small{font-size:12px!important;}
.identity-social-compare p{margin:7px 0 0;font-size:13px!important;line-height:1.72;}

.identity-conflict-list{display:grid;gap:8px;margin-top:12px}
.identity-conflict-card{padding:12px;border-radius:12px;border:1px solid rgba(126,158,196,.055)}
.identity-conflict-card>small{font-size:12px!important;}
.identity-conflict-sides{display:grid;grid-template-columns:1fr 24px 1fr;gap:7px;align-items:stretch;margin-top:8px}
.identity-conflict-sides article{padding:10px;border-radius:9px;}
.identity-conflict-sides article b{display:block;font-size:13px;line-height:1.4}
.identity-conflict-sides article p{margin:6px 0 0;font-size:13px;line-height:1.68}
.identity-conflict-sides>i{display:grid;place-items:center;font-style:normal;font-size:15px}
.identity-conflict-note{margin-top:8px;font-size:13px;line-height:1.7}

#identityPage .identity-pressure-list{display:grid;gap:8px;margin-top:12px}
#identityPage .identity-pressure-list article{padding:11px 12px!important;border-radius:11px!important}
#identityPage .identity-pressure-list small{font-size:12px!important}
#identityPage .identity-pressure-list strong{font-size:14px!important;line-height:1.45!important}
#identityPage .identity-pressure-list p{font-size:13px!important;line-height:1.72!important;}
.identity-pressure-summary{margin-top:10px;padding:11px 12px;border-left:2px solid rgba(185,126,137,.27);border-radius:0 10px 10px 0;font-size:13px;line-height:1.72}

.identity-mature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.identity-mature-grid article{padding:12px;border-radius:12px;border:1px solid rgba(126,158,196,.055)}
.identity-mature-grid small{font-size:12px!important;}
.identity-mature-grid p{margin:7px 0 0;font-size:13px!important;line-height:1.72}
.identity-mature-grid article.integrated{}

#identityPage .identity-final{padding:30px 18px!important}
#identityPage .identity-final>small{font-size:12px!important}
#identityPage .identity-final h2{font-size:20px!important;line-height:1.5!important}
#identityPage .identity-final p,#identityPage .identity-final blockquote{font-size:14px!important;line-height:1.8!important}

@media(max-width:560px){
  #identityPage .identity-hero-grid{grid-template-columns:1fr 1fr!important}
  .identity-layer-head{display:block}
  .identity-layer-head p{margin-top:7px;text-align:left;max-width:none}
  .identity-social-compare,.identity-mature-grid,.identity-relation-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  .identity-answer-grid,.identity-axis-grid,#identityPage .identity-drive-grid{grid-template-columns:1fr}
  .identity-conflict-sides{grid-template-columns:1fr}
  .identity-conflict-sides>i{min-height:18px;transform:rotate(90deg)}
}



#purposePage,
#embodimentPage,
#bondagePage,
#achievementPage{
  font-size:14px!important;
}


#purposePage p,
#embodimentPage p,
#bondagePage p,
#achievementPage p{
  font-size:14.5px!important;
  line-height:1.78!important;
}


#purposePage small,
#purposePage em,
#purposePage label,
#purposePage button,
#purposePage span,
#embodimentPage small,
#embodimentPage em,
#embodimentPage label,
#embodimentPage button,
#embodimentPage span,
#bondagePage small,
#bondagePage em,
#bondagePage label,
#bondagePage button,
#bondagePage span,
#achievementPage small,
#achievementPage em,
#achievementPage label,
#achievementPage button,
#achievementPage span{
  font-size:13.5px!important;
  line-height:1.55!important;
}


#purposePage b,
#purposePage strong,
#embodimentPage b,
#embodimentPage strong,
#bondagePage b,
#bondagePage strong,
#achievementPage b,
#achievementPage strong{
  font-size:15px!important;
  line-height:1.5!important;
}


#purposePage .purpose-top-title strong,
#embodimentPage .embodiment-top-title strong,
#bondagePage .bondage-top-title strong,
#achievementPage .achievement-top-title strong{
  font-size:20px!important;
  line-height:1.15!important;
  letter-spacing:.11em!important;
}
#purposePage .purpose-top-title small,
#embodimentPage .embodiment-top-title small,
#bondagePage .bondage-top-title small,
#achievementPage .achievement-top-title small{
  font-size:13px!important;
}


#purposePage .purpose-section-head h3,
#embodimentPage .embodiment-section-head h3,
#bondagePage .bondage-section-head h3,
#achievementPage .achievement-section-head h3{
  font-size:17px!important;
  line-height:1.35!important;
}
#purposePage .purpose-section-head>span,
#embodimentPage .embodiment-section-head>span,
#bondagePage .bondage-section-head>span,
#achievementPage .achievement-section-head>span{
  font-size:13.5px!important;
}


#purposePage .purpose-hero-copy h1,
#embodimentPage .embodiment-hero-copy h1,
#bondagePage .bondage-hero-copy h1,
#achievementPage .achievement-hero-copy h1{
  font-size:28px!important;
  line-height:1.18!important;
}


#purposePage .purpose-hero-copy>p,
#purposePage .purpose-hero-copy blockquote,
#embodimentPage .embodiment-hero-copy>p,
#embodimentPage .embodiment-hero-copy blockquote,
#bondagePage .bondage-hero-copy>p,
#bondagePage .bondage-hero-copy blockquote,
#achievementPage .achievement-hero-copy>p,
#achievementPage .achievement-hero-copy blockquote{
  font-size:14.5px!important;
  line-height:1.78!important;
}


#purposePage .purpose-big-copy,
#purposePage .purpose-section-lead,
#embodimentPage .embodiment-lead,
#bondagePage .bondage-lead,
#achievementPage .achievement-lead{
  font-size:14.5px!important;
  line-height:1.82!important;
}


#purposePage .purpose-ease-score strong,
#purposePage .purpose-progress-ring strong,
#embodimentPage .embodiment-ease-gauge strong,
#embodimentPage .embodiment-freedom-ring strong,
#bondagePage [class*="ring"] strong,
#bondagePage [class*="score"] strong,
#bondagePage [class*="gauge"] strong,
#achievementPage [class*="ring"] strong,
#achievementPage [class*="score"] strong,
#achievementPage [class*="gauge"] strong{
  font-size:22px!important;
  line-height:1!important;
}


@media(max-width:390px){
  #purposePage,
  #embodimentPage,
  #bondagePage,
  #achievementPage{font-size:14px!important;}
  #purposePage p,
  #embodimentPage p,
  #bondagePage p,
  #achievementPage p{font-size:14px!important;line-height:1.76!important;}
  #purposePage small,#purposePage em,#purposePage label,#purposePage button,#purposePage span,
  #embodimentPage small,#embodimentPage em,#embodimentPage label,#embodimentPage button,#embodimentPage span,
  #bondagePage small,#bondagePage em,#bondagePage label,#bondagePage button,#bondagePage span,
  #achievementPage small,#achievementPage em,#achievementPage label,#achievementPage button,#achievementPage span{
    font-size:13px!important;
  }
  #purposePage b,#purposePage strong,
  #embodimentPage b,#embodimentPage strong,
  #bondagePage b,#bondagePage strong,
  #achievementPage b,#achievementPage strong{
    font-size:14.5px!important;
  }
  #purposePage .purpose-section-head h3,
  #embodimentPage .embodiment-section-head h3,
  #bondagePage .bondage-section-head h3,
  #achievementPage .achievement-section-head h3{font-size:16.5px!important;}
  #purposePage .purpose-top-title strong,
  #embodimentPage .embodiment-top-title strong,
  #bondagePage .bondage-top-title strong,
  #achievementPage .achievement-top-title strong{font-size:19px!important;}
}



#identityPage.identity-v2-page{
  --iv-text:#eef6fd;
  --iv-text-2:#c5d3df;
  --iv-text-3:#90a6ba;
  --iv-muted:#6f889f;
  --iv-line:rgba(190,220,244,.10);
  --iv-line-soft:rgba(190,220,244,.055);
  --iv-line-hi:rgba(201,230,251,.20);
  --iv-glass:rgba(6,16,29,.13);
  --iv-glass-2:rgba(10,24,40,.22);
  --iv-glass-hi:rgba(116,178,225,.065);
  --iv-accent:#acd9f7;
  --iv-accent-2:#7fbce9;
  min-height:100dvh;
  
  
  overflow:visible!important;
}

#identityPage.identity-v2-page::before,
#identityPage.identity-v2-page::after{display:none!important;content:none!important}

#identityPage .identity-v2-shell{
  width:min(100%,920px);
  max-width:920px;
  margin:0 auto;
  padding:0 14px 52px;
  box-sizing:border-box;
}


#identityPage .identity-v2-topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:62px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:8px;
  padding:7px 0 9px;
  
  -webkit-backdrop-filter:blur(10px) saturate(110%);
  backdrop-filter:blur(10px) saturate(110%);
}
#identityPage .identity-v2-topbar::after{
  content:"";
  position:absolute;
  left:50%;bottom:4px;
  width:104px;height:1px;
  transform:translateX(-50%);
  
}
#identityPage .identity-v2-back{
  width:38px;height:38px;
  display:grid;place-items:center;
  padding:0;
  border:1px solid rgba(188,220,245,.09);
  border-radius:50%;
  
  
  
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
#identityPage .identity-v2-back:active{transform:scale(.94)}
#identityPage .identity-v2-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#identityPage .identity-v2-title{text-align:center;line-height:1}
#identityPage .identity-v2-title span{display:block;font-size:10.5px;letter-spacing:.28em}
#identityPage .identity-v2-title strong{display:block;margin-top:6px;font-size:22px;line-height:1.05;letter-spacing:.20em;font-weight:590;}
#identityPage .identity-v2-count{display:flex;align-items:baseline;justify-content:flex-end;font-variant-numeric:tabular-nums}
#identityPage .identity-v2-count b{font-size:13px;font-weight:560}
#identityPage .identity-v2-count span{font-size:10px;margin-left:2px}
#identityPage .identity-v2-page-progress{position:absolute;left:12%;right:12%;bottom:1px;height:1px;overflow:hidden}
#identityPage .identity-v2-page-progress i{display:block;width:0;height:100%;transition:width .12s linear}
#identityPage .identity-v2-:scope{display:flex;flex-direction:column;gap:17px}
#identityPage .identity-v2-empty{padding:76px 20px;text-align:center;font-size:14px}


#identityPage .identity-v2-hero{
  --iv-mx:50%;--iv-my:40%;
  position:relative;
  overflow:hidden;
  min-height:360px;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  grid-template-areas:"orbit copy" "overview overview";
  align-items:center;
  gap:18px 26px;
  padding:28px 24px 18px;
  border:1px solid rgba(188,220,245,.085);
  border-radius:28px;
  
  
  -webkit-backdrop-filter:blur(4px) saturate(106%);
  backdrop-filter:blur(4px) saturate(106%);
}
#identityPage .identity-v2-hero::before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  left:-100px;top:-110px;
  border-radius:50%;
  border:1px solid rgba(182,220,247,.035);
  
  pointer-events:none;
  animation:ivHaloFloat 12s ease-in-out infinite alternate;
}
#identityPage .identity-v2-hero::after{
  content:"";
  position:absolute;
  right:-12%;bottom:-34%;
  width:300px;height:300px;
  border-radius:50%;
  
  pointer-events:none;
  animation:ivHaloFloat 15s ease-in-out infinite alternate-reverse;
}
@keyframes ivHaloFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(12px,-10px,0)}}
#identityPage .identity-v2-hero-glow{position:absolute;width:250px;height:250px;left:134px;top:44px;transform:translateX(-50%);border-radius:50%;filter:blur(7px);pointer-events:none}
#identityPage .identity-v2-orbit{grid-area:orbit;position:relative;width:220px;height:220px;margin:0 auto;display:grid;place-items:center;z-index:2}
#identityPage .identity-v2-orbit .ring{position:absolute;border-radius:50%;border:1px solid rgba(181,217,242,.12)}
#identityPage .identity-v2-orbit .r1{inset:8px;animation:ivOrbitA 22s linear infinite}
#identityPage .identity-v2-orbit .r2{inset:34px;transform:scaleY(.70) rotate(28deg);animation:ivOrbitB 16s linear infinite reverse}
#identityPage .identity-v2-orbit .r3{inset:68px;}
@keyframes ivOrbitA{to{transform:rotate(360deg)}}
@keyframes ivOrbitB{to{transform:scaleY(.70) rotate(388deg)}}
#identityPage .identity-v2-orbit .core{width:14px;height:14px;border-radius:50%;}
#identityPage .identity-v2-orbit .dot{position:absolute;width:4px;height:4px;border-radius:50%;}
#identityPage .identity-v2-orbit .d1{top:20px;left:50%}#identityPage .identity-v2-orbit .d2{right:24px;top:50%}#identityPage .identity-v2-orbit .d3{bottom:28px;left:35%}#identityPage .identity-v2-orbit .d4{left:27px;top:42%}
#identityPage .identity-v2-hero-copy{grid-area:copy;position:relative;z-index:3;text-align:left;max-width:560px;margin:0}
#identityPage .identity-v2-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;font-size:11.5px;letter-spacing:.18em}
#identityPage .identity-v2-eyebrow i{width:5px;height:5px;border-radius:50%;}
#identityPage .identity-v2-hero-copy h1{margin:12px 0 10px;font-size:40px;line-height:1.10;font-weight:570;letter-spacing:.075em;text-wrap:balance}
#identityPage .identity-v2-hero-copy>p{margin:0;font-size:15px;line-height:1.86}
#identityPage .identity-v2-hero-copy blockquote{margin:14px 0 0;max-width:590px;padding:12px 0 0;border:0;border-top:1px solid rgba(185,219,243,.07);font-size:13.5px;line-height:1.84;font-style:normal}


#identityPage .identity-v2-overview{
  grid-area:overview;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  position:relative;
  z-index:3;
  margin-top:2px;
  padding:12px 0 4px;
  border-top:1px solid rgba(187,220,245,.07);
}
#identityPage .identity-v2-overview article{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:5px 12px;border:0;border-left:1px solid rgba(187,220,245,.055);border-radius:0;}
#identityPage .identity-v2-overview article:first-child{border-left:0;padding-left:2px}
#identityPage .identity-v2-overview article>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(183,218,243,.09);border-radius:50%;font-size:10px;}
#identityPage .identity-v2-overview small{display:block;font-size:12.5px;line-height:1.25}
#identityPage .identity-v2-overview b{display:block;margin-top:4px;font-size:10.5px;line-height:1.4;font-weight:500}


#identityPage .identity-v2-nav{
  position:sticky;
  top:62px;
  z-index:42;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
  padding:5px 7px;
  border:1px solid rgba(188,221,245,.075);
  border-radius:17px;
  
  
  -webkit-backdrop-filter:blur(9px) saturate(108%);
  backdrop-filter:blur(9px) saturate(108%);
}
#identityPage .identity-v2-nav button{
  position:relative;
  min-width:0;
  height:42px;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  border-radius:12px;
  
  
  text-align:center;
  transition:color .22s ease,background .22s ease;
}
#identityPage .identity-v2-nav button::after{content:"";position:absolute;left:24%;right:24%;bottom:2px;height:1px;transition:.22s ease}
#identityPage .identity-v2-nav button span{width:auto;height:auto;display:block;border:0;border-radius:0;font-size:9px;font-variant-numeric:tabular-nums}
#identityPage .identity-v2-nav button b{font-size:12px;line-height:1.2;font-weight:540;white-space:nowrap}
#identityPage .identity-v2-nav button.active{}
#identityPage .identity-v2-nav button.active span{border:0;}
#identityPage .identity-v2-nav button.active::after{left:17%;right:17%;}


#identityPage .identity-v2-content{display:flex;flex-direction:column;gap:4px}
#identityPage .identity-v2-layer{
  position:relative;
  scroll-margin-top:122px;
  padding:28px 0 34px 74px;
  border:0!important;
  border-radius:0!important;
  
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#identityPage .identity-v2-layer::before{content:"";position:absolute;left:25px;top:70px;bottom:-14px;width:1px;}
#identityPage .identity-v2-layer:last-child::before{bottom:40px}
#identityPage .identity-v2-layer-head{position:relative;display:block;margin-bottom:16px;min-height:58px}
#identityPage .identity-v2-layer-no{position:absolute;left:-74px;top:0;width:52px;display:flex;flex-direction:column;align-items:center;gap:0}
#identityPage .identity-v2-layer-no span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(188,222,247,.12);border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#identityPage .identity-v2-layer-no i{display:none}
#identityPage .identity-v2-layer-copy{padding-top:2px}
#identityPage .identity-v2-layer-copy small{display:block;font-size:11px;letter-spacing:.13em}
#identityPage .identity-v2-layer-copy h2{margin:6px 0 7px;font-size:27px;line-height:1.16;font-weight:560;letter-spacing:.04em}
#identityPage .identity-v2-layer-copy p{margin:0;max-width:690px;font-size:13.5px;line-height:1.72}


#identityPage .identity-v2-stack{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px}
#identityV2Layer1 .identity-v2-stack>.identity-v2-card:nth-child(1){grid-column:1/-1}
#identityV2Layer1 .identity-v2-stack>.identity-v2-card:nth-child(2),
#identityV2Layer1 .identity-v2-stack>.identity-v2-card:nth-child(3),
#identityV2Layer1 .identity-v2-stack>.identity-v2-card:nth-child(4){grid-column:span 4}
#identityV2Layer2 .identity-v2-stack>.identity-v2-card:nth-child(1){grid-column:span 5}
#identityV2Layer2 .identity-v2-stack>.identity-v2-card:nth-child(2){grid-column:span 7}
#identityV2Layer2 .identity-v2-stack>.identity-v2-card:nth-child(3){grid-column:1/-1}
#identityV2Layer3 .identity-v2-stack>.identity-v2-card:nth-child(1){grid-column:span 7}
#identityV2Layer3 .identity-v2-stack>.identity-v2-card:nth-child(2){grid-column:span 5}
#identityV2Layer3 .identity-v2-stack>.identity-v2-card:nth-child(3),
#identityV2Layer3 .identity-v2-stack>.identity-v2-card:nth-child(4){grid-column:span 6}
#identityV2Layer4 .identity-v2-stack>.identity-v2-card{grid-column:1/-1}


#identityPage .identity-v2-card{
  position:relative;
  min-width:0;
  padding:17px;
  border:1px solid rgba(185,219,244,.075);
  border-radius:18px;
  
  
  overflow:hidden;
  -webkit-backdrop-filter:blur(3px) saturate(104%);
  backdrop-filter:blur(3px) saturate(104%);
}
#identityPage .identity-v2-card::before{content:"";position:absolute;left:17px;top:0;width:54px;height:1px;}
#identityPage .identity-v2-card::after{content:"";position:absolute;right:-70px;top:-75px;width:150px;height:150px;border-radius:50%;pointer-events:none}
#identityPage .identity-v2-card-feature{}
#identityPage .identity-v2-card-head{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px}
#identityPage .identity-v2-card-head>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(181,217,243,.09);border-radius:10px;font-size:10px;font-variant-numeric:tabular-nums}
#identityPage .identity-v2-card-head small{display:block;font-size:11px;letter-spacing:.11em}
#identityPage .identity-v2-card-head h3{margin:4px 0 0;font-size:18px;line-height:1.38;font-weight:550}
#identityPage .identity-v2-card .identity-lead,#identityPage .identity-v2-card .identity-lead.large{margin:0;font-size:13.5px;line-height:1.82}


#identityPage .identity-v2-card .identity-answer-grid,
#identityPage .identity-v2-card .identity-axis-grid,
#identityPage .identity-v2-card .identity-drive-grid,
#identityPage .identity-v2-card .identity-relation-grid,
#identityPage .identity-v2-card .identity-social-compare,
#identityPage .identity-v2-card .identity-mature-grid{display:grid!important;gap:8px!important;margin-top:12px!important}
#identityPage .identity-v2-card .identity-answer-grid,#identityPage .identity-v2-card .identity-axis-grid,#identityPage .identity-v2-card .identity-drive-grid{grid-template-columns:1fr 1fr!important}
#identityPage .identity-v2-card .identity-relation-grid,#identityPage .identity-v2-card .identity-social-compare,#identityPage .identity-v2-card .identity-mature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#identityPage .identity-v2-card .identity-answer-card,
#identityPage .identity-v2-card .identity-axis-card,
#identityPage .identity-v2-card .identity-drive-card,
#identityPage .identity-v2-card .identity-relation-card,
#identityPage .identity-v2-card .identity-social-compare article,
#identityPage .identity-v2-card .identity-conflict-card,
#identityPage .identity-v2-card .identity-mature-grid article,
#identityPage .identity-v2-card .identity-pressure-list article,
#identityPage .identity-v2-card .identity-drive-hero{
  box-sizing:border-box!important;
  padding:12px!important;
  border:1px solid rgba(185,219,244,.055)!important;
  border-radius:14px!important;
  
  
}
#identityPage .identity-v2-card .identity-answer-card small,
#identityPage .identity-v2-card .identity-axis-card small,
#identityPage .identity-v2-card .identity-drive-card small,
#identityPage .identity-v2-card .identity-relation-card small,
#identityPage .identity-v2-card .identity-social-compare small,
#identityPage .identity-v2-card .identity-conflict-card>small,
#identityPage .identity-v2-card .identity-mature-grid small,
#identityPage .identity-v2-card .identity-pressure-list small,
#identityPage .identity-v2-card .identity-drive-hero small{display:block!important;font-size:11.5px!important;line-height:1.4!important}
#identityPage .identity-v2-card .identity-answer-card strong,
#identityPage .identity-v2-card .identity-drive-card strong,
#identityPage .identity-v2-card .identity-relation-card strong,
#identityPage .identity-v2-card .identity-drive-hero strong{display:block!important;margin-top:5px!important;font-size:14.5px!important;line-height:1.48!important;font-weight:550!important}
#identityPage .identity-v2-card .identity-answer-card p,
#identityPage .identity-v2-card .identity-drive-card>p,
#identityPage .identity-v2-card .identity-relation-card p,
#identityPage .identity-v2-card .identity-social-compare p,
#identityPage .identity-v2-card .identity-mature-grid p,
#identityPage .identity-v2-card .identity-pressure-list p,
#identityPage .identity-v2-card .identity-drive-hero p{margin:7px 0 0!important;font-size:13px!important;line-height:1.74!important}
#identityPage .identity-v2-card .identity-axis-card header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}
#identityPage .identity-v2-card .identity-axis-card b{font-size:13px!important}
#identityPage .identity-v2-card .identity-axis-track{height:3px!important;margin-top:10px!important;border-radius:999px!important;overflow:hidden!important}
#identityPage .identity-v2-card .identity-axis-track i{display:block!important;height:100%!important;border-radius:inherit!important;}


#identityPage .identity-v2-card .identity-cognition-list,
#identityPage .identity-v2-card .identity-need-list,
#identityPage .identity-v2-card .identity-value-list,
#identityPage .identity-v2-card .identity-emotion-list,
#identityPage .identity-v2-card .identity-action-list,
#identityPage .identity-v2-card .identity-pressure-list,
#identityPage .identity-v2-card .identity-conflict-list{display:grid!important;gap:0!important;margin-top:11px!important}
#identityPage .identity-v2-card .identity-point{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(185,219,244,.045)!important;
  border-radius:0!important;
  
  
}
#identityPage .identity-v2-card .identity-point:last-child{border-bottom:0!important;padding-bottom:0!important}
#identityPage .identity-v2-card .identity-point::after{display:none!important}
#identityPage .identity-v2-card .identity-point>span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid rgba(180,216,242,.085)!important;border-radius:50%!important;font-size:10px!important}
#identityPage .identity-v2-card .identity-point p{margin:1px 0 0!important;font-size:13.5px!important;line-height:1.76!important}


#identityPage .identity-v2-card .identity-drive-hero{margin-top:12px!important;padding:14px!important;}
#identityPage .identity-v2-card .identity-drive-hero strong{font-size:18px!important;line-height:1.52!important;}
#identityPage .identity-v2-card .identity-drive-answer{display:block!important;margin-top:9px!important;padding-top:9px!important;border-top:1px solid rgba(181,217,243,.05)!important}
#identityPage .identity-v2-card .identity-drive-answer b{display:block!important;font-size:13.5px!important;margin-bottom:4px!important}
#identityPage .identity-v2-card .identity-drive-answer span{display:block!important;font-size:12.5px!important;line-height:1.68!important}

#identityPage .identity-v2-card .identity-conflict-sides{display:grid!important;grid-template-columns:1fr 24px 1fr!important;gap:8px!important;align-items:stretch!important;margin-top:9px!important}
#identityPage .identity-v2-card .identity-conflict-sides article{padding:11px!important;border:1px solid rgba(181,217,243,.05)!important;border-radius:13px!important;}
#identityPage .identity-v2-card .identity-conflict-sides article b{display:block!important;font-size:13.5px!important}
#identityPage .identity-v2-card .identity-conflict-sides article p{margin:6px 0 0!important;font-size:12.8px!important;line-height:1.7!important}
#identityPage .identity-v2-card .identity-conflict-sides>i{display:grid!important;place-items:center!important;font-style:normal!important}
#identityPage .identity-v2-card .identity-conflict-note{margin-top:8px!important;padding-top:8px!important;border-top:1px dashed rgba(181,217,243,.05)!important;font-size:12.8px!important;line-height:1.7!important}
#identityPage .identity-v2-card .identity-pressure-summary{margin-top:9px!important;padding:11px!important;border:1px solid rgba(181,217,243,.05)!important;border-radius:13px!important;font-size:13px!important;line-height:1.72!important}
#identityPage .identity-v2-card .identity-mature-grid article.integrated{}


#identityPage .identity-v2-final{
  position:relative;
  overflow:visible;
  margin:6px 0 10px 74px;
  padding:34px 8px 12px;
  text-align:left;
  border:0;
  border-top:1px solid rgba(188,221,245,.07);
  border-radius:0;
  
  
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
#identityPage .identity-v2-final::before{content:"";position:absolute;left:-49px;top:-1px;width:1px;height:52px;}
#identityPage .identity-v2-final-mark{position:absolute;left:-72px;top:23px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(183,221,248,.10);border-radius:50%}
#identityPage .identity-v2-final-mark::before,#identityPage .identity-v2-final-mark::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(183,221,248,.06)}
#identityPage .identity-v2-final-mark::before{inset:7px}#identityPage .identity-v2-final-mark::after{inset:15px}
#identityPage .identity-v2-final-mark span{width:5px;height:5px;border-radius:50%;}
#identityPage .identity-v2-final>small{display:block;font-size:11px;letter-spacing:.20em}
#identityPage .identity-v2-final h2{max-width:720px;margin:9px 0 0;font-size:24px;line-height:1.48;font-weight:560}
#identityPage .identity-v2-final p{max-width:720px;margin:10px 0 0;font-size:13.5px;line-height:1.82}
#identityPage .identity-v2-final blockquote{max-width:720px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid rgba(180,219,247,.055);font-size:13.5px;line-height:1.82;font-style:normal}


#identityPage [data-identity-reveal]{opacity:0;transform:translate3d(0,8px,0);transition:opacity .48s ease,transform .48s cubic-bezier(.22,.72,.22,1)}
#identityPage [data-identity-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
@media (hover:hover){
  #identityPage .identity-v2-card{transition:border-color .22s ease,background .22s ease,transform .22s ease}
  #identityPage .identity-v2-card:hover{transform:translateY(-2px);}
}

@media(max-width:820px){
  #identityPage .identity-v2-hero{grid-template-columns:210px minmax(0,1fr);gap:14px 20px;padding:24px 18px 16px}
  #identityPage .identity-v2-orbit{width:188px;height:188px}
  #identityPage .identity-v2-hero-glow{left:106px;top:50px;width:220px;height:220px}
  #identityPage .identity-v2-hero-copy h1{font-size:34px}
  #identityV2Layer1 .identity-v2-stack>.identity-v2-card:nth-child(n),
  #identityV2Layer2 .identity-v2-stack>.identity-v2-card:nth-child(n),
  #identityV2Layer3 .identity-v2-stack>.identity-v2-card:nth-child(n),
  #identityV2Layer4 .identity-v2-stack>.identity-v2-card:nth-child(n){grid-column:1/-1}
}

@media(max-width:620px){
  #identityPage .identity-v2-shell{padding-left:10px;padding-right:10px;padding-bottom:42px}
  #identityPage .identity-v2-topbar{min-height:58px;grid-template-columns:40px minmax(0,1fr) 40px;padding-top:5px}
  #identityPage .identity-v2-back{width:36px;height:36px}
  #identityPage .identity-v2-title strong{font-size:20px;letter-spacing:.16em}
  #identityPage .identity-v2-title span{font-size:10px;letter-spacing:.22em}
  #identityPage .identity-v2-:scope{gap:13px}

  #identityPage .identity-v2-hero{
    min-height:0;
    grid-template-columns:1fr;
    grid-template-areas:"orbit" "copy" "overview";
    gap:8px;
    padding:18px 14px 12px;
    border-radius:23px;
    
  }
  #identityPage .identity-v2-hero::before{width:260px;height:260px;left:50%;top:-98px;transform:translateX(-50%)}
  #identityPage .identity-v2-hero::after{right:-38%;bottom:-18%}
  #identityPage .identity-v2-orbit{width:160px;height:160px}
  #identityPage .identity-v2-orbit .r1{inset:6px}
  #identityPage .identity-v2-orbit .r2{inset:28px}
  #identityPage .identity-v2-orbit .r3{inset:53px}
  #identityPage .identity-v2-orbit .d1{top:15px}#identityPage .identity-v2-orbit .d2{right:19px}#identityPage .identity-v2-orbit .d3{bottom:22px}#identityPage .identity-v2-orbit .d4{left:22px}
  #identityPage .identity-v2-hero-glow{left:50%;top:9px;width:205px;height:205px}
  #identityPage .identity-v2-hero-copy{text-align:center;max-width:100%}
  #identityPage .identity-v2-eyebrow{justify-content:center}
  #identityPage .identity-v2-hero-copy h1{margin:9px 0 8px;font-size:30px;letter-spacing:.055em}
  #identityPage .identity-v2-hero-copy>p{font-size:14px;line-height:1.78}
  #identityPage .identity-v2-hero-copy blockquote{margin:11px auto 0;padding-top:10px;text-align:left;font-size:13px;line-height:1.76}
  #identityPage .identity-v2-overview{grid-template-columns:1fr 1fr;margin-top:5px;padding-top:8px}
  #identityPage .identity-v2-overview article{padding:8px 8px;border-left:0;border-top:1px solid rgba(187,220,245,.045)}
  #identityPage .identity-v2-overview article:nth-child(-n+2){border-top:0}
  #identityPage .identity-v2-overview article:nth-child(even){border-left:1px solid rgba(187,220,245,.045)}
  #identityPage .identity-v2-overview article:first-child{padding-left:8px}
  #identityPage .identity-v2-overview small{font-size:12px}
  #identityPage .identity-v2-overview b{font-size:10px}

  #identityPage .identity-v2-nav{top:58px;padding:4px;border-radius:14px;overflow:hidden}
  #identityPage .identity-v2-nav button{height:40px;padding:0 2px;gap:4px}
  #identityPage .identity-v2-nav button span{font-size:8px}
  #identityPage .identity-v2-nav button b{font-size:10.5px;white-space:normal;line-height:1.15}

  #identityPage .identity-v2-layer{scroll-margin-top:108px;padding:25px 0 30px 51px}
  #identityPage .identity-v2-layer::before{left:18px;top:60px;bottom:-10px}
  #identityPage .identity-v2-layer-no{left:-51px;width:38px}
  #identityPage .identity-v2-layer-no span{width:36px;height:36px;font-size:10px;}
  #identityPage .identity-v2-layer-head{min-height:46px;margin-bottom:13px}
  #identityPage .identity-v2-layer-copy small{font-size:10.5px}
  #identityPage .identity-v2-layer-copy h2{font-size:23px;margin-top:5px}
  #identityPage .identity-v2-layer-copy p{font-size:13px;line-height:1.68}
  #identityPage .identity-v2-stack{display:flex;flex-direction:column;gap:9px}
  #identityPage .identity-v2-card{padding:14px;border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none}
  #identityPage .identity-v2-card-head{grid-template-columns:29px minmax(0,1fr);gap:9px;margin-bottom:10px}
  #identityPage .identity-v2-card-head>span{width:27px;height:27px;border-radius:9px;font-size:9px}
  #identityPage .identity-v2-card-head small{font-size:10.5px}
  #identityPage .identity-v2-card-head h3{font-size:16.5px;line-height:1.38}
  #identityPage .identity-v2-card .identity-lead,#identityPage .identity-v2-card .identity-lead.large{font-size:13px;line-height:1.76}
  #identityPage .identity-v2-card .identity-answer-grid,#identityPage .identity-v2-card .identity-axis-grid,#identityPage .identity-v2-card .identity-drive-grid,#identityPage .identity-v2-card .identity-relation-grid,#identityPage .identity-v2-card .identity-social-compare,#identityPage .identity-v2-card .identity-mature-grid{grid-template-columns:1fr!important}
  #identityPage .identity-v2-card .identity-conflict-sides{grid-template-columns:1fr!important}
  #identityPage .identity-v2-card .identity-conflict-sides>i{height:16px;transform:rotate(90deg)}
  #identityPage .identity-v2-card .identity-point p{font-size:13px!important;line-height:1.72!important}
  #identityPage .identity-v2-card .identity-drive-hero strong{font-size:17px!important}

  #identityPage .identity-v2-final{margin-left:51px;padding:28px 2px 10px}
  #identityPage .identity-v2-final::before{left:-33px;height:44px}
  #identityPage .identity-v2-final-mark{left:-50px;top:18px;width:34px;height:34px}
  #identityPage .identity-v2-final-mark::before{inset:6px}#identityPage .identity-v2-final-mark::after{inset:12px}
  #identityPage .identity-v2-final h2{font-size:21px;line-height:1.46}
  #identityPage .identity-v2-final p,#identityPage .identity-v2-final blockquote{font-size:13px;line-height:1.78}
}

@media(max-width:370px){
  #identityPage .identity-v2-shell{padding-left:8px;padding-right:8px}
  #identityPage .identity-v2-nav button b{font-size:9.8px}
  #identityPage .identity-v2-layer{padding-left:47px}
  #identityPage .identity-v2-layer-no{left:-47px}
  #identityPage .identity-v2-final{margin-left:47px}
  #identityPage .identity-v2-final-mark{left:-46px}
}

@media(prefers-reduced-motion:reduce){
  #identityPage .identity-v2-hero::before,#identityPage .identity-v2-hero::after,#identityPage .identity-v2-orbit .ring{animation:none!important}
  #identityPage [data-identity-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  #identityPage .identity-v2-page-progress i{transition:none!important}
}



#savedProfile .profile-group-manage{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
}
#savedProfile .profile-group-manage svg,
#profilePage .profile-group-manage-mini svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
#profilePage .profile-group-manage-mini{
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
}
#profilePage #profileFormCard textarea#remarkInput{
  width:100%!important;
  min-height:72px!important;
  resize:vertical!important;
  box-sizing:border-box!important;
  padding:11px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:11px!important;
  outline:0!important;
  
  
  font:inherit!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
#profilePage #profileFormCard textarea#remarkInput::placeholder{
  
}
#profilePage #profileSolarTimeHint,
#firstRun #obSolarTimeHint{
  line-height:1.6!important;
}





:scope.raw-profile-sheet-open #chartPage{
  position:relative!important;
  z-index:2147483646!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  z-index:2147483647!important;
  isolation:isolate!important;
}
:scope.raw-profile-sheet-open #rawSelfArrowOverlay{
  visibility:hidden!important;
  opacity:0!important;
}


[data-raw-chart-sheet="profiles"] .raw-life-archive-actions{
  position:relative!important;
  overflow:visible!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact{
  justify-content:flex-end!important;
  transform-origin:right center!important;
  will-change:width!important;
  transition:
    width .28s cubic-bezier(.22,.82,.22,1),
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded,
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value{
  width:148px!important;
  
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact input{
  order:1!important;
  padding:0 4px 0 7px!important;
  transform:translateX(5px)!important;
  transition:opacity .14s ease,transform .24s cubic-bezier(.22,.82,.22,1)!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded input,
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value input{
  transform:translateX(0)!important;
}
[data-raw-chart-sheet="profiles"] .raw-profile-search-clear{order:2!important;}
[data-raw-chart-sheet="profiles"] .raw-profile-search-toggle{
  order:3!important;
  flex:0 0 27px!important;
  position:relative!important;
  z-index:3!important;
}


#rawAstrolabeGrid .raw-center-timegrid{
  gap:1px!important;
  padding:1px 0!important;
}
#rawAstrolabeGrid .raw-center-timegrid > span{
  gap:1px!important;
  min-height:16px!important;
  padding:0!important;
}
#rawAstrolabeGrid .raw-center-timegrid small{
  font-size:9.7px!important;
  letter-spacing:-.02em!important;
}
#rawAstrolabeGrid .raw-center-timegrid b{
  font-size:10.8px!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:380px){
  #rawAstrolabeGrid .raw-center-timegrid small{font-size:9.1px!important;}
  #rawAstrolabeGrid .raw-center-timegrid b{font-size:10px!important;}
}





#profilePage #profileSolarTimeHint,
#firstRun #obSolarTimeHint{
  margin-top:6px!important;
  
}


#profilePage #leapLine.hidden,
#profilePage #fixLeapLine.hidden,
#firstRun #obLeapOptions.hidden{
  display:none!important;
}


#rawAstrolabeGrid .raw-center-layer{
  container-type:size!important;
}
#rawAstrolabeGrid .raw-center-core{
  padding:
    clamp(17px,min(12.3cqw,10.9cqh),26px)
    clamp(16px,min(12.3cqw,10.9cqh),26px)
    clamp(15px,min(11.3cqw,10cqh),24px)!important;
  gap:clamp(1px,min(1.05cqw,.9cqh),3px)!important;
}
#rawAstrolabeGrid .raw-center-brandline{
  min-height:clamp(15px,min(9.75cqw,8.65cqh),21px)!important;
  margin-bottom:clamp(0px,min(.52cqw,.45cqh),2px)!important;
}
#rawAstrolabeGrid .raw-center-brandline strong{
  font-size:clamp(12.8px,min(8.2cqw,7.3cqh),17.6px)!important;
  letter-spacing:.15em!important;
}
#rawAstrolabeGrid .raw-center-section{
  padding:clamp(1px,min(1.03cqw,.91cqh),3px) 0!important;
}
#rawAstrolabeGrid .raw-center-identity{
  min-height:clamp(15px,min(9.2cqw,8.2cqh),20px)!important;
  gap:clamp(3px,min(2.56cqw,2.27cqh),6px)!important;
}
#rawAstrolabeGrid .raw-center-name{
  gap:clamp(2px,min(2.56cqw,2.27cqh),5px)!important;
}
#rawAstrolabeGrid .raw-center-name small,
#rawAstrolabeGrid .raw-center-mastergrid small,
#rawAstrolabeGrid .raw-center-pillar-title{
  font-size:clamp(7.8px,min(5.13cqw,4.55cqh),10.8px)!important;
}
#rawAstrolabeGrid .raw-center-name b{
  font-size:clamp(9.8px,min(6.56cqw,5.82cqh),13.8px)!important;
}
#rawAstrolabeGrid .raw-center-identity em{
  min-height:clamp(16px,min(10.25cqw,9.1cqh),22px)!important;
  padding:0 clamp(4px,min(3.08cqw,2.73cqh),7px)!important;
  font-size:clamp(8.6px,min(5.64cqw,5cqh),11.8px)!important;
  border-radius:clamp(3px,min(2.05cqw,1.82cqh),5px)!important;
}

#rawAstrolabeGrid .raw-center-timegrid{
  gap:clamp(1px,min(.52cqw,.45cqh),2px)!important;
  padding:clamp(1px,min(.52cqw,.45cqh),2px) 0!important;
}
#rawAstrolabeGrid .raw-center-timegrid > span{
  gap:clamp(1px,min(.52cqw,.45cqh),2px)!important;
  min-height:clamp(13px,min(8.2cqw,7.27cqh),18px)!important;
  padding:0!important;
}
#rawAstrolabeGrid .raw-center-timegrid small{
  font-size:clamp(7.6px,min(4.97cqw,4.41cqh),10.4px)!important;
}
#rawAstrolabeGrid .raw-center-timegrid b{
  font-size:clamp(8.4px,min(5.54cqw,4.91cqh),11.6px)!important;
}

#rawAstrolabeGrid .raw-center-mastergrid{
  gap:clamp(3px,min(2.56cqw,2.27cqh),6px)!important;
  padding:clamp(1px,min(1.03cqw,.91cqh),3px) 0!important;
}
#rawAstrolabeGrid .raw-center-mastergrid span{
  gap:clamp(1px,min(.52cqw,.45cqh),2px)!important;
}
#rawAstrolabeGrid .raw-center-mastergrid b{
  font-size:clamp(9.8px,min(6.46cqw,5.73cqh),13.8px)!important;
}

#rawAstrolabeGrid .raw-center-pillars-block{
  padding:clamp(1px,min(1.03cqw,.91cqh),3px) 0!important;
}
#rawAstrolabeGrid .raw-center-pillar-title{
  margin-bottom:clamp(1px,min(1.03cqw,.91cqh),3px)!important;
}
#rawAstrolabeGrid .raw-center-pillargrid{
  gap:clamp(2px,min(2.05cqw,1.82cqh),5px)!important;
}
#rawAstrolabeGrid .raw-center-pillarcell{
  min-height:clamp(19px,min(12.3cqw,10.9cqh),27px)!important;
  padding:clamp(1px,min(1.03cqw,.91cqh),3px) 1px!important;
  border-radius:clamp(3px,min(2.05cqw,1.82cqh),5px)!important;
}
#rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair i{
  font-size:clamp(9.8px,min(6.56cqw,5.82cqh),13.8px)!important;
}

#rawAstrolabeGrid .raw-center-navrow{
  gap:clamp(2px,min(1.54cqw,1.36cqh),4px)!important;
  padding-top:clamp(1px,min(.52cqw,.45cqh),2px)!important;
}
#rawAstrolabeGrid .raw-center-navrow button,
#rawAstrolabeGrid .raw-center-return-btn,
#rawAstrolabeGrid .raw-center-tool-btn{
  height:clamp(19px,min(12.3cqw,10.9cqh),27px)!important;
  min-height:clamp(19px,min(12.3cqw,10.9cqh),27px)!important;
  padding:0 clamp(3px,min(2.56cqw,2.27cqh),6px)!important;
  border-radius:clamp(4px,min(2.56cqw,2.27cqh),6px)!important;
  font-size:clamp(7.8px,min(5.13cqw,4.55cqh),10.8px)!important;
}


@supports not (font-size:1cqw){
  #rawAstrolabeGrid .raw-center-brandline strong{font-size:14px!important;}
  #rawAstrolabeGrid .raw-center-timegrid small{font-size:8.7px!important;}
  #rawAstrolabeGrid .raw-center-timegrid b{font-size:9.5px!important;}
  #rawAstrolabeGrid .raw-center-navrow button{font-size:8.5px!important;}
}





:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  z-index:2147483638!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:var(--raw-chart-nav-h,50px)!important;
  inset:0 0 var(--raw-chart-nav-h,50px) 0!important;
  height:auto!important;
  max-height:none!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  position:relative!important;
  z-index:2147483639!important;
  margin:0!important;
  padding-bottom:14px!important;
}
:scope.raw-chart-page-active .raw-chart-mobile-nav{
  z-index:2147483647!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
:scope.raw-profile-sheet-open #chartPage{
  z-index:2147483630!important;
}


[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact > .raw-profile-search-toggle{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  flex:0 0 29px!important;
  width:29px!important;
  min-width:29px!important;
  height:29px!important;
  order:3!important;
  cursor:pointer!important;
  -webkit-tap-highlight-
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact > .raw-profile-search-toggle svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}


[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact > .raw-profile-search-clear{
  display:none!important;
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact > .raw-profile-search-clear.visible{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  flex:0 0 23px!important;
  width:23px!important;
  min-width:23px!important;
  margin-right:2px!important;
  overflow:visible!important;
}


[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact{
  width:29px!important;
  min-width:29px!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  transform-origin:right center!important;
  transition:
    width .30s cubic-bezier(.2,.82,.2,1),
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded,
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value{
  width:154px!important;
  min-width:154px!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact > input{
  order:1!important;
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(9px)!important;
  transition:
    opacity .13s ease .03s,
    transform .26s cubic-bezier(.2,.82,.2,1)!important;
}
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded > input,
[data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value > input{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(0)!important;
}


[data-raw-chart-sheet="profiles"] .raw-life-archive-head,
[data-raw-chart-sheet="profiles"] .raw-life-archive-actions{
  overflow:visible!important;
}
[data-raw-chart-sheet="profiles"] .raw-life-archive-actions{
  min-width:65px!important;
  justify-content:flex-end!important;
}


#rawAstrolabeGrid .raw-center-core{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
#rawAstrolabeGrid .raw-center-core *,
#rawAstrolabeGrid .raw-center-core *::before,
#rawAstrolabeGrid .raw-center-core *::after{
  box-sizing:border-box!important;
}
#rawAstrolabeGrid .raw-center-section,
#rawAstrolabeGrid .raw-center-timegrid,
#rawAstrolabeGrid .raw-center-mastergrid,
#rawAstrolabeGrid .raw-center-pillars-block,
#rawAstrolabeGrid .raw-center-navrow{
  min-width:0!important;
  max-width:100%!important;
}
#rawAstrolabeGrid .raw-center-timegrid > span,
#rawAstrolabeGrid .raw-center-mastergrid > span,
#rawAstrolabeGrid .raw-center-pillarcell,
#rawAstrolabeGrid .raw-center-navrow > button{
  min-width:0!important;
}
#rawAstrolabeGrid .raw-center-navrow button{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

@media(max-width:380px){
  :scope.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
    bottom:var(--raw-chart-nav-h,48px)!important;
    inset:0 0 var(--raw-chart-nav-h,48px) 0!important;
  }
  [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded,
  [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value{
    width:142px!important;
    min-width:142px!important;
  }
}





#rawAstrolabeGrid .raw-center-core{
  padding:var(--rc-pad-y,20px) var(--rc-pad-x,20px) var(--rc-pad-b,18px)!important;
  gap:var(--rc-gap,3px)!important;
}
#rawAstrolabeGrid .raw-center-brandline{
  min-height:var(--rc-brand-h,18px)!important;
  margin-bottom:var(--rc-brand-mb,1px)!important;
}
#rawAstrolabeGrid .raw-center-brandline strong{
  font-size:var(--rc-brand-fs,14px)!important;
}
#rawAstrolabeGrid .raw-center-section{
  padding:var(--rc-section-py,3px) 0!important;
}
#rawAstrolabeGrid .raw-center-identity{
  min-height:var(--rc-identity-h,20px)!important;
  gap:var(--rc-grid-gap,5px)!important;
}
#rawAstrolabeGrid .raw-center-name{gap:var(--rc-name-gap,4px)!important;}
#rawAstrolabeGrid .raw-center-name small,
#rawAstrolabeGrid .raw-center-mastergrid small,
#rawAstrolabeGrid .raw-center-pillar-title,
#rawAstrolabeGrid .raw-center-pillarcell small{
  font-size:var(--rc-label-fs,9.6px)!important;
}
#rawAstrolabeGrid .raw-center-name b{
  font-size:var(--rc-name-fs,12.4px)!important;
}
#rawAstrolabeGrid .raw-center-identity em{
  min-height:var(--rc-tag-h,20px)!important;
  padding:0 var(--rc-tag-px,5px)!important;
  font-size:var(--rc-tag-fs,10.4px)!important;
  border-radius:var(--rc-radius,4px)!important;
}
#rawAstrolabeGrid .raw-center-timegrid{
  gap:var(--rc-time-gap,2px)!important;
  padding:var(--rc-time-py,2px) 0!important;
}
#rawAstrolabeGrid .raw-center-timegrid > span{
  grid-template-columns:var(--rc-time-label-w,54px) minmax(0,1fr)!important;
  gap:var(--rc-time-col-gap,3px)!important;
  min-height:var(--rc-time-row-h,17px)!important;
}
#rawAstrolabeGrid .raw-center-timegrid small{
  font-size:var(--rc-time-label-fs,9px)!important;
}
#rawAstrolabeGrid .raw-center-timegrid b{
  font-size:var(--rc-time-value-fs,10.4px)!important;
}
#rawAstrolabeGrid .raw-center-mastergrid{
  gap:var(--rc-grid-gap,5px)!important;
  padding:var(--rc-section-py,3px) 0!important;
}
#rawAstrolabeGrid .raw-center-mastergrid b{
  font-size:var(--rc-master-fs,12px)!important;
}
#rawAstrolabeGrid .raw-center-pillars-block{
  padding:var(--rc-section-py,3px) 0!important;
}
#rawAstrolabeGrid .raw-center-pillar-title{
  margin-bottom:var(--rc-pillar-title-mb,3px)!important;
}
#rawAstrolabeGrid .raw-center-pillargrid{
  gap:var(--rc-pillar-gap,4px)!important;
}
#rawAstrolabeGrid .raw-center-pillarcell{
  min-height:var(--rc-pillar-h,29px)!important;
  padding:var(--rc-pillar-py,3px) 1px!important;
  border-radius:var(--rc-radius,4px)!important;
}
#rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair i{
  font-size:var(--rc-pillar-fs,12.4px)!important;
}
#rawAstrolabeGrid .raw-center-navrow{
  gap:var(--rc-nav-gap,4px)!important;
  padding-top:var(--rc-nav-pt,2px)!important;
}
#rawAstrolabeGrid .raw-center-navrow button,
#rawAstrolabeGrid .raw-center-return-btn,
#rawAstrolabeGrid .raw-center-tool-btn{
  height:var(--rc-btn-h,23px)!important;
  min-height:var(--rc-btn-h,23px)!important;
  padding:0 var(--rc-btn-px,5px)!important;
  border-radius:var(--rc-btn-radius,5px)!important;
  font-size:var(--rc-btn-fs,9.8px)!important;
}
#rawAstrolabeGrid .raw-center-actions{
  gap:var(--rc-actions-gap,5px)!important;
  margin-top:var(--rc-actions-mt,1px)!important;
}
#rawAstrolabeGrid .raw-center-tool-popover{
  left:var(--rc-popover-side,20px)!important;
  right:var(--rc-popover-side,20px)!important;
  bottom:var(--rc-popover-bottom,48px)!important;
}


#profilePage .mirror-profile-card .profile-copy{
  min-width:0!important;
}
#profilePage .mirror-profile-card .profile-copy .profile-birth-line{
  margin-top:4px!important;
  
}
#profilePage .mirror-profile-card .profile-copy .profile-remark-line{
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  
  font-size:8.8px!important;
}



.energy-ability-help-btn{
  position:relative;
  z-index:2;
}
.energy-ability-diagnostic-note{
  margin:0 0 10px;
  padding:9px 10px;
  border:1px solid rgba(170,199,235,.09);
  border-radius:13px;
  
  
  font-size:8.5px;
  line-height:1.65;
}
.energy-ability-score-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
  padding:12px;
  border:1px solid rgba(176,205,240,.10);
  border-radius:15px;
  
}
.energy-ability-score-card small{display:block;font-size:7.5px;letter-spacing:.08em}
.energy-ability-score-card b{display:block;margin-top:4px;font-size:13px;font-weight:560}
.energy-ability-score-card strong{font-size:27px;font-weight:620;line-height:1}
.energy-diagnostic-section{
  margin-top:9px;
  padding:11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  
}
.energy-diagnostic-section>h4{margin:0 0 9px;font-size:10px;font-weight:560}
.energy-diagnostic-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
.energy-diagnostic-summary>div{
  min-width:0;padding:8px 6px;border:1px solid rgba(255,255,255,.045);border-radius:10px;text-align:center
}
.energy-diagnostic-summary small{display:block;font-size:6.5px}
.energy-diagnostic-summary b{display:block;margin-top:4px;font-size:10px;font-weight:550}
.energy-diagnostic-row{
  padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)
}
.energy-diagnostic-row:last-child{border-bottom:0;padding-bottom:0}
.energy-diagnostic-row:first-child{padding-top:0}
.energy-diagnostic-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.energy-diagnostic-row-head b{font-size:9.5px;font-weight:560}
.energy-diagnostic-row-head span{font-size:7px;white-space:nowrap}
.energy-diagnostic-palaces{display:grid;gap:4px;margin-top:7px}
.energy-diagnostic-palaces p{margin:0;font-size:8.2px;line-height:1.55}
.energy-diagnostic-palaces p>em{font-style:normal}
.energy-diagnostic-receptor{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.energy-diagnostic-receptor span{padding:3px 6px;border:1px solid rgba(145,180,221,.07);border-radius:999px;font-size:6.8px}
.energy-event-list{display:grid;gap:6px}
.energy-event{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:10px;}
.energy-event>span{min-width:34px;padding:3px 5px;border-radius:7px;text-align:center;font-size:7px;border:1px solid rgba(146,180,220,.08);}
.energy-event.kind-ji>span{}
.energy-event.kind-quan>span{}
.energy-event.kind-lu>span{}
.energy-event.kind-ke>span{}
.energy-event b{display:block;font-size:8.5px;font-weight:540}
.energy-event p{margin:4px 0 0;font-size:7.5px;line-height:1.55}
.energy-diagnostic-empty{font-size:8px;line-height:1.6}
.energy-diagnostic-theory{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.05)}
.energy-diagnostic-theory>small{font-size:7px;letter-spacing:.08em}
.energy-diagnostic-theory>p{margin:5px 0 0;font-size:8.5px;line-height:1.65}
@media(max-width:370px){.energy-diagnostic-summary{grid-template-columns:1fr 1fr}.energy-ability-score-card strong{font-size:24px}}



.identity-lens{
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;
}
.identity-hold-ring{
  position:absolute;z-index:3;inset:47px;width:136px;height:136px;overflow:visible;
  transform:rotate(-90deg);pointer-events:none;opacity:0;
  filter:drop-shadow(0 0 6px rgba(139,199,240,.20));
  transition:opacity .15s ease;
}
.identity-hold-ring circle{fill:none;vector-effect:non-scaling-stroke}
.identity-hold-ring-base{stroke:rgba(169,210,240,.08);stroke-width:1.3}
.identity-hold-ring-progress{
  stroke:rgba(205,232,250,.92);stroke-width:2.1;stroke-linecap:round;
  stroke-dasharray:100;stroke-dashoffset:100;
}
.identity-lens.is-holding .identity-hold-ring{opacity:1}
.identity-lens.is-holding .identity-hold-ring-progress{animation:identityHoldRingFill 3s linear forwards}
.identity-lens.is-longpress-fired .identity-hold-ring{opacity:1}
.identity-lens.is-longpress-fired .identity-hold-ring-progress{stroke-dashoffset:0;stroke:#eef8ff}
@keyframes identityHoldRingFill{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

.identity-atlas-dialog{
  --atlas-top:max(18px,env(safe-area-inset-top,0px));
  --atlas-bottom:max(18px,env(safe-area-inset-bottom,0px));
  width:min(calc(100% - 24px),720px)!important;max-height:calc(100dvh - var(--atlas-top) - var(--atlas-bottom))!important;
  top:var(--atlas-top)!important;margin:0!important;overflow:visible!important;
}
.identity-atlas-dialog::backdrop{-webkit-backdrop-filter:blur(12px) saturate(76%);backdrop-filter:blur(12px) saturate(76%)}
.identity-atlas-sheet{
  position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - var(--atlas-top) - var(--atlas-bottom));
  overflow:hidden;border:1px solid rgba(169,204,238,.12);border-radius:28px;
  
  
}
.identity-atlas-sheet::before{content:"";position:absolute;inset:0;pointer-events:none;}
.identity-atlas-head{
  position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 15px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.identity-atlas-head::after{content:"";position:absolute;left:17px;right:17px;bottom:-1px;height:1px;}
.identity-atlas-head-copy{min-width:0}
.identity-atlas-head-copy small{display:block;font-size:10.5px;letter-spacing:.16em}
.identity-atlas-head-copy h3{margin:7px 0 0;font-size:21px;line-height:1.34;font-weight:600;letter-spacing:.03em}
.identity-atlas-head-copy p{margin:8px 0 0;max-width:560px;font-size:12.5px;line-height:1.75}
.identity-atlas-close{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:50%;font-size:20px;line-height:1}
.identity-atlas-:scope{position:relative;z-index:2;overflow:auto;padding:13px 14px 24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.identity-atlas-current{position:relative;overflow:hidden;padding:15px 15px;border:1px solid rgba(151,195,233,.11);border-radius:18px;}
.identity-atlas-current::after{content:"";position:absolute;right:-35px;top:-54px;width:145px;height:145px;border:1px solid rgba(157,201,237,.06);border-radius:50%}
.identity-atlas-current small{font-size:10.5px;letter-spacing:.10em}
.identity-atlas-current strong{display:block;margin-top:7px;font-size:24px;line-height:1.2;font-weight:610;letter-spacing:.055em}
.identity-atlas-current p{margin:8px 0 0;max-width:580px;font-size:13px;line-height:1.76}
.identity-atlas-current em{display:inline-flex;margin-top:10px;padding:5px 8px;border:1px solid rgba(165,207,239,.08);border-radius:999px;font-size:10px;font-style:normal}
.identity-atlas-intro{margin-top:10px;padding:12px 13px;border-left:1px solid rgba(139,185,225,.16);font-size:12.5px;line-height:1.82}
.identity-atlas-intro b{font-weight:570}
.identity-atlas-tabs{position:sticky;top:-13px;z-index:8;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 10px;padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:14px;}
.identity-atlas-tabs button{height:40px;border:0;border-radius:10px;font-size:12.5px;font-weight:550}
.identity-atlas-tabs button b{margin-left:4px;font-size:10px}
.identity-atlas-tabs button.active{}
.identity-atlas-tabs button.active b{}
.identity-atlas-section{display:none}.identity-atlas-section.active{display:block}
.identity-atlas-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 9px}
.identity-atlas-section-head small{font-size:10px;letter-spacing:.12em}
.identity-atlas-section-head span{font-size:10.5px}
.identity-atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.identity-atlas-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.052);border-radius:15px;}
.identity-atlas-card[open]{}
.identity-atlas-card.current{}
.identity-atlas-card summary{list-style:none;display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:80px;padding:11px;cursor:pointer}
.identity-atlas-card summary::-webkit-details-marker{display:none}
.identity-atlas-no{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(144,184,220,.10);border-radius:9px;font-size:9px}
.identity-atlas-card.current .identity-atlas-no{}
.identity-atlas-card-copy{min-width:0}
.identity-atlas-card-copy small{display:block;font-size:10.5px}
.identity-atlas-card-copy strong{display:block;margin-top:5px;font-size:15.5px;line-height:1.3;font-weight:585;letter-spacing:.02em}
.identity-atlas-card-copy em{display:block;margin-top:5px;overflow:hidden;font-size:11.5px;line-height:1.45;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.identity-atlas-chevron{font-size:14px;font-style:normal;transition:transform .2s ease}
.identity-atlas-card[open] .identity-atlas-chevron{transform:rotate(90deg)}
.identity-atlas-detail{padding:0 12px 12px}
.identity-atlas-detail>p{margin:0;padding:11px 0;border-top:1px solid rgba(255,255,255,.045);font-size:12.5px;line-height:1.82}
.identity-atlas-detail>p b{display:block;margin-bottom:5px;font-size:11px;font-weight:580;letter-spacing:.03em}
.identity-atlas-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.identity-atlas-meta article{padding:10px;border:1px solid rgba(255,255,255,.038);border-radius:10px;}
.identity-atlas-meta article small{display:block;font-size:10.5px}
.identity-atlas-meta article p{margin:5px 0 0;font-size:12px;line-height:1.7}
.identity-atlas-foot{margin-top:11px;padding:12px 13px;border-top:1px solid rgba(255,255,255,.05);font-size:11px;line-height:1.76;text-align:center}
@media(max-width:560px){
  .identity-atlas-dialog{width:calc(100% - 16px)!important}
  .identity-atlas-sheet{border-radius:24px}
  .identity-atlas-head{padding:16px 15px 14px}
  .identity-atlas-head-copy h3{font-size:20px}
  .identity-atlas-head-copy p{font-size:12px}
  .identity-atlas-:scope{padding:11px 11px 20px}
  .identity-atlas-grid{grid-template-columns:1fr}
  .identity-atlas-card summary{min-height:78px}
  .identity-atlas-meta{grid-template-columns:1fr}
  .identity-atlas-card-copy strong{font-size:15px}
  .identity-atlas-card-copy em{font-size:11.5px}
  .identity-atlas-detail>p{font-size:12.5px}
  .identity-atlas-meta article p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.identity-atlas-chevron{transition:none}}



#profilePage #profileSolarTimeHint,
#firstRun #obSolarTimeHint{
  position:relative;
  min-height:42px!important;
  margin-top:8px!important;
  padding:9px 10px 9px 12px!important;
  border:1px solid rgba(147,184,220,.065)!important;
  border-radius:11px!important;
  
  
  font-size:9.2px!important;
  line-height:1.62!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease!important;
}
#profilePage #profileSolarTimeHint::before,
#firstRun #obSolarTimeHint::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:2px;
  border-radius:99px;
  
}
#profilePage #profileSolarTimeHint.calculating,
#firstRun #obSolarTimeHint.calculating{
  
  
}
#profilePage #profileSolarTimeHint.resolved,
#firstRun #obSolarTimeHint.resolved{
  
  
  
}
#profilePage #profileSolarTimeHint.resolved::before,
#firstRun #obSolarTimeHint.resolved::before{
  
}
.solar-time-main{display:block}
.solar-time-main strong{font-weight:590!important}
.solar-time-detail{
  display:block;
  margin-top:4px;
  
  font-size:8.2px;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}
#profilePage .region-select select:disabled,
#firstRun .region-select select:disabled{
  
  
  cursor:not-allowed;
}
#profilePage .region-select.region-empty span,
#firstRun .region-select.region-empty span{
  
}


.region-picker.direct-municipality{
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;
}
.region-picker.direct-municipality .region-select:nth-child(3){
  display:none!important;
}
.region-picker.direct-municipality .region-select:nth-child(2) select{
  padding-right:38px;
}
@media(max-width:370px){
  .region-picker.direct-municipality{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important}
}
@media(max-width:390px){
  #profilePage #profileSolarTimeHint,
  #firstRun #obSolarTimeHint{font-size:8.8px!important;padding-right:9px!important}
  .solar-time-detail{font-size:7.8px}
}



#purposePage{
  --pw-glass:rgba(7,17,30,.10);
  --pw-glass-strong:rgba(8,19,34,.16);
  --pw-panel:rgba(255,255,255,.035);
  --pw-line:rgba(177,211,238,.10);
  --pw-line-hi:rgba(188,224,248,.18);
  --pw-text:#edf5fd;
  --pw-text-2:#c9d8e5;
  --pw-text-3:#95aabc;
  --pw-accent:#9fd1ee;
  --pw-glow:rgba(119,182,223,.20);
  min-height:100dvh;
  
  isolation:isolate;
}
#purposePage::before,
#purposePage::after{
  content:none!important;
}
:scope.purpose-page-active #screenSky,
:scope.purpose-page-active #spaceBg,
:scope.purpose-page-active #spaceFx{
  filter:saturate(1.06) brightness(1.02);
}
#purposePage,
#purposePage p,
#purposePage small,
#purposePage span,
#purposePage em,
#purposePage b,
#purposePage strong,
#purposePage button,
#purposePage blockquote,
#purposePage h1,
#purposePage h2,
#purposePage h3{
  font-family: inherit;
}
#purposePage .purpose-page-shell{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:0 auto;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 18px calc(env(safe-area-inset-bottom,0px) + 110px);
}
#purposePage .purpose-page-shell::before,
#purposePage .purpose-page-shell::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
#purposePage .purpose-page-shell::before{
  left:-12%;
  right:-12%;
  top:86px;
  height:420px;
  
  filter:blur(10px);
  opacity:.72;
}
#purposePage .purpose-page-shell::after{
  right:22px;
  top:132px;
  width:180px;
  height:180px;
  border:1px solid rgba(169,207,237,.06);
  border-radius:50%;
  
  opacity:.55;
}
#purposePage .purpose-page-topbar{
  position:sticky;
  top:calc(env(safe-area-inset-top,0px) + 8px);
  z-index:25;
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:10px 12px;
  border:1px solid var(--pw-line);
  border-radius:22px;
  
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  
}
#purposePage .purpose-page-topbar::after{
  content:"";
  justify-self:end;
  width:8px;
  height:8px;
  border-radius:50%;
  
  
}
#purposePage .purpose-back{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(188,220,244,.10);
  border-radius:14px;
  
  
  
}
#purposePage .purpose-back svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
}
#purposePage .purpose-top-title{
  min-width:0;
  text-align:center;
}
#purposePage .purpose-top-title strong{
  display:block;
  
  font-size:18px;
  line-height:1.15;
  letter-spacing:.16em;
  font-weight:580;
}
#purposePage .purpose-page-:scope{
  position:relative;
  z-index:1;
  display:grid;
  gap:18px;
  margin-top:16px;
}
#purposePage .purpose-page-empty{
  padding:44px 20px;
  text-align:center;
  border:1px dashed rgba(150,188,219,.14);
  border-radius:24px;
  
  
  font-size:14px;
  line-height:1.75;
}


#purposePage .purpose-hero{
  position:relative;
  overflow:hidden;
  min-height:350px;
  padding:28px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);
  gap:18px;
  align-items:stretch;
  border:1px solid rgba(187,220,244,.11);
  border-radius:32px;
  
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
  
}
#purposePage .purpose-hero::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:1px;
  
}
#purposePage .purpose-hero::after{
  content:"";
  position:absolute;
  left:28px;
  bottom:22px;
  width:160px;
  height:1px;
  
  opacity:.8;
}
#purposePage .purpose-orbit{
  position:absolute;
  right:14px;
  top:10px;
  width:230px;
  height:230px;
  opacity:.92;
  pointer-events:none;
}
#purposePage .purpose-orbit i,
#purposePage .purpose-orbit span{
  position:absolute;
  border-radius:50%;
}
#purposePage .purpose-orbit-a{inset:6px;border:1px solid rgba(125,182,223,.14);transform:rotate(-14deg) scaleY(.58)}
#purposePage .purpose-orbit-b{inset:38px;border:1px solid rgba(120,167,209,.14);transform:rotate(26deg) scaleY(.68)}
#purposePage .purpose-orbit-c{inset:76px;border:1px solid rgba(136,194,224,.12)}
#purposePage .purpose-orbit span{
  left:50%;
  top:24px;
  width:8px;
  height:8px;
  margin-left:-4px;
  
  
}
#purposePage .purpose-hero-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
}
#purposePage .purpose-hero-copy>small{
  
  font-size:11px;
  letter-spacing:.34em;
}
#purposePage .purpose-hero-copy h1{
  margin:12px 0 10px;
  
  font-size:clamp(30px,4vw,52px);
  line-height:1.06;
  letter-spacing:.10em;
  font-weight:560;
}
#purposePage .purpose-hero-copy>p{
  margin:0;
  max-width:720px;
  
  font-size:16px;
  line-height:1.95;
}
#purposePage .purpose-hero-copy blockquote{
  margin:18px 0 0;
  padding-left:16px;
  border-left:1px solid rgba(167,206,235,.18);
  
  font-size:15px;
  line-height:1.85;
  font-style:normal;
}
#purposePage .purpose-hero-meta{
  position:relative;
  z-index:2;
  display:grid;
  gap:10px;
  align-content:stretch;
}
#purposePage .purpose-hero-meta span{
  min-height:92px;
  padding:14px 15px;
  border:1px solid rgba(176,210,236,.08);
  border-radius:18px;
  
}
#purposePage .purpose-hero-meta small{
  display:block;
  
  font-size:12px;
  letter-spacing:.12em;
}
#purposePage .purpose-hero-meta b{
  display:block;
  margin-top:8px;
  
  font-size:15px;
  line-height:1.6;
  font-weight:530;
}


#purposePage .purpose-section{
  position:relative;
  overflow:hidden;
  padding:18px 18px 18px 72px;
  border:1px solid rgba(177,210,237,.09);
  border-radius:26px;
  
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
  
}
#purposePage .purpose-section::before{
  content:"";
  position:absolute;
  left:24px;
  top:22px;
  width:16px;
  height:16px;
  border-radius:50%;
  border:1px solid rgba(171,207,236,.18);
  
  
}
#purposePage .purpose-section::after{
  content:"";
  position:absolute;
  left:31px;
  top:42px;
  bottom:-28px;
  width:1px;
  
}
#purposePage .purpose-page-:scope > .purpose-section:last-child::after,
#purposePage .purpose-final-section::after{
  display:none;
}
#purposePage .purpose-section-head{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:start;
  margin-bottom:14px;
}
#purposePage .purpose-section-head>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(181,215,241,.14);
  
  
  font-size:12px;
  font-weight:620;
  letter-spacing:.08em;
}
#purposePage .purpose-section-head>div{min-width:0}
#purposePage .purpose-section-head small{
  display:block;
  
  font-size:11px;
  letter-spacing:.22em;
}
#purposePage .purpose-section-head h3{
  margin:6px 0 0;
  
  font-size:20px;
  line-height:1.35;
  font-weight:550;
  letter-spacing:.03em;
}
#purposePage p,
#purposePage blockquote,
#purposePage .purpose-big-copy,
#purposePage .purpose-section-lead,
#purposePage .purpose-structure-note,
#purposePage .purpose-progress-note,
#purposePage .purpose-empty-note{
  
  font-size:15px;
  line-height:1.92;
}
#purposePage .purpose-big-copy{font-size:16px;}
#purposePage small,
#purposePage em,
#purposePage label,
#purposePage button,
#purposePage span{
  font-size:13px;
}
#purposePage b,
#purposePage strong{
  
  font-size:15px;
  line-height:1.55;
  font-weight:540;
}


#purposePage .purpose-truth-card,
#purposePage .purpose-impact-card,
#purposePage .purpose-force-card,
#purposePage .purpose-support-grid article,
#purposePage .purpose-structure-node,
#purposePage .purpose-flow-card,
#purposePage .purpose-loop-list article,
#purposePage .purpose-calm-card,
#purposePage .purpose-shadow-grid article,
#purposePage .purpose-mature-card,
#purposePage .purpose-check-item,
#purposePage .purpose-practice-list article,
#purposePage .purpose-empty-note,
#purposePage .purpose-progress-hero{
  border:1px solid rgba(176,208,233,.08);
  
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  
}
#purposePage .purpose-truth-card,
#purposePage .purpose-calm-card,
#purposePage .purpose-mature-card{
  padding:14px 15px;
  border-radius:18px;
}
#purposePage .purpose-truth-card small,
#purposePage .purpose-impact-card small,
#purposePage .purpose-support-grid small,
#purposePage .purpose-node-top small,
#purposePage .purpose-flow-card small,
#purposePage .purpose-loop-list small,
#purposePage .purpose-shadow-grid small,
#purposePage .purpose-mature-card small,
#purposePage .purpose-check-scale button,
#purposePage .purpose-practice-list span,
#purposePage .purpose-force-head span{
  
  font-size:12px;
}
#purposePage .purpose-truth-card p,
#purposePage .purpose-impact-card p,
#purposePage .purpose-force-copy p,
#purposePage .purpose-force-copy small,
#purposePage .purpose-force-copy em,
#purposePage .purpose-structure-summary>div:last-child p,
#purposePage .purpose-structure-node p,
#purposePage .purpose-flow-card p,
#purposePage .purpose-loop-list p,
#purposePage .purpose-shadow-grid p,
#purposePage .purpose-final-section p,
#purposePage .purpose-practice-list p,
#purposePage .purpose-check-item p{
  
  font-size:14px;
  line-height:1.82;
}
#purposePage .purpose-three-list,
#purposePage .purpose-force-list,
#purposePage .purpose-practice-list,
#purposePage .purpose-check-list,
#purposePage .purpose-loop-list{
  display:grid;
  gap:10px;
}
#purposePage .purpose-three-list article,
#purposePage .purpose-force-card,
#purposePage .purpose-practice-list article,
#purposePage .purpose-check-item,
#purposePage .purpose-loop-list article{
  padding:14px;
  border-radius:18px;
}
#purposePage .purpose-three-list article{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  border:1px solid rgba(176,208,233,.07);
  
}
#purposePage .purpose-three-list small{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:11px;
  
  
}
#purposePage .purpose-dual-grid,
#purposePage .purpose-support-grid,
#purposePage .purpose-structure-grid,
#purposePage .purpose-flow-grid,
#purposePage .purpose-shadow-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#purposePage .purpose-impact-card{min-height:unset;padding:15px;border-radius:18px}
#purposePage .purpose-impact-card strong{display:block;margin:8px 0;font-size:16px;line-height:1.6;font-weight:550}
#purposePage .purpose-force-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
#purposePage .purpose-force-card{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
}
#purposePage .purpose-force-index{padding-top:2px;font-size:12px}
#purposePage .purpose-force-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#purposePage .purpose-force-head strong{font-size:16px;}
#purposePage .purpose-force-copy em{display:block;margin-top:6px;font-style:normal;}
#purposePage .purpose-force-mut{margin-top:10px;padding:10px 11px;border-radius:12px;font-size:13px;line-height:1.7}
#purposePage .purpose-support-grid article{padding:14px;border-radius:18px}
#purposePage .purpose-support-grid div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#purposePage .purpose-support-grid span{padding:6px 9px;border-radius:999px;border:1px solid rgba(160,198,229,.07);font-size:13px}
#purposePage .purpose-structure-summary{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center;margin-bottom:13px}
#purposePage .purpose-ease-score{
  width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(166,204,233,.16);
  
  
}
#purposePage .purpose-ease-score strong{font-size:25px;font-weight:470}
#purposePage .purpose-ease-score small{margin-top:3px;font-size:11px}
#purposePage .purpose-structure-summary>div:last-child b{font-size:18px;}
#purposePage .purpose-structure-node{padding:13px;border-radius:18px}
#purposePage .purpose-structure-node.primary{}
#purposePage .purpose-node-top{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:center}
#purposePage .purpose-node-top b{font-size:15px;}
#purposePage .purpose-node-top em{font-style:normal;font-size:12px}
#purposePage .purpose-node-bar{height:4px;margin:10px 0;border-radius:999px;overflow:hidden}
#purposePage .purpose-node-bar i{display:block;height:100%;border-radius:999px;}
#purposePage .purpose-flow-card{padding:14px;border-radius:18px}
#purposePage .purpose-flow-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
#purposePage .purpose-flow-card b{font-size:16px;}
#purposePage .purpose-flow-card.kind-禄{}
#purposePage .purpose-flow-card.kind-权{}
#purposePage .purpose-flow-card.kind-科{}
#purposePage .purpose-flow-card.kind-忌{}
#purposePage .purpose-shadow-grid article{padding:15px;border-radius:20px}
#purposePage .purpose-shadow-grid article.shadow{}
#purposePage .purpose-shadow-grid article.awaken{}
#purposePage .purpose-shadow-grid p{position:relative;padding-left:12px;margin:0 0 9px}
#purposePage .purpose-shadow-grid p:last-child{margin-bottom:0}
#purposePage .purpose-shadow-grid p::before{content:"";position:absolute;left:0;top:.74em;width:4px;height:4px;border-radius:50%;}
#purposePage .purpose-mature-card{margin-top:10px;}
#purposePage #purposeProgressSection .purpose-progress-hero{padding:14px 15px;border-radius:20px;display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center}
#purposePage .purpose-progress-ring{width:96px;height:96px}
#purposePage .purpose-progress-ring strong{font-size:23px;font-weight:480}
#purposePage .purpose-progress-ring small{font-size:11px}
#purposePage .purpose-progress-hero>div:last-child b{font-size:18px}
#purposePage .purpose-check-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
#purposePage .purpose-check-item{padding:14px;border-radius:18px}
#purposePage .purpose-check-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
#purposePage .purpose-check-scale button{min-height:34px;padding:0 6px;border:1px solid rgba(164,199,228,.08);border-radius:10px;}
#purposePage .purpose-check-scale button.active{}
#purposePage .purpose-practice-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#purposePage .purpose-practice-list article{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
#purposePage .purpose-practice-list span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;}
#purposePage .purpose-final-section{
  padding:30px 26px;
  border-radius:30px;
  text-align:left;
  
}
#purposePage .purpose-final-section>small{display:block;font-size:11px;letter-spacing:.26em}
#purposePage .purpose-final-section h2{margin:10px 0 12px;font-size:26px;line-height:1.5;font-weight:540;max-width:780px}
#purposePage .purpose-final-section p{max-width:840px}
#purposePage .purpose-final-section blockquote{max-width:760px;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(171,207,236,.10);font-size:15px;line-height:1.9;font-style:normal}


@media (min-width: 980px){
  #purposePage .purpose-page-:scope > .purpose-section:nth-of-type(2n){margin-left:64px}
  #purposePage .purpose-page-:scope > .purpose-section:nth-of-type(2n+1){margin-right:64px}
  #purposePage .purpose-page-:scope > .purpose-final-section{margin-left:104px;margin-right:104px}
}

@media (max-width: 980px){
  #purposePage .purpose-hero{grid-template-columns:1fr;padding:24px}
  #purposePage .purpose-hero-meta{grid-template-columns:1fr}
  #purposePage .purpose-page-:scope > .purpose-section:nth-of-type(2n),
  #purposePage .purpose-page-:scope > .purpose-section:nth-of-type(2n+1),
  #purposePage .purpose-page-:scope > .purpose-final-section{margin-left:0;margin-right:0}
}
@media (max-width: 760px){
  #purposePage .purpose-page-shell{padding-left:12px;padding-right:12px}
  #purposePage .purpose-page-topbar{min-height:60px;padding:9px 10px}
  #purposePage .purpose-top-title strong{font-size:16px;letter-spacing:.12em}
  #purposePage .purpose-page-:scope{gap:14px}
  #purposePage .purpose-hero{min-height:auto;padding:22px 18px;border-radius:26px}
  #purposePage .purpose-orbit{right:-16px;top:-8px;width:180px;height:180px;opacity:.72}
  #purposePage .purpose-hero-copy>small{font-size:10px}
  #purposePage .purpose-hero-copy h1{margin-top:10px;margin-bottom:8px;font-size:32px;line-height:1.12}
  #purposePage .purpose-hero-copy>p,
  #purposePage .purpose-hero-copy blockquote,
  #purposePage p,
  #purposePage .purpose-big-copy,
  #purposePage .purpose-section-lead,
  #purposePage .purpose-structure-note,
  #purposePage .purpose-progress-note,
  #purposePage .purpose-empty-note{font-size:13.5px;line-height:1.85}
  #purposePage .purpose-hero-meta span{min-height:auto;padding:12px 13px}
  #purposePage .purpose-hero-meta b{font-size:14px}
  #purposePage .purpose-section{padding:16px 14px 16px 56px;border-radius:22px}
  #purposePage .purpose-section::before{left:18px;top:20px;width:14px;height:14px}
  #purposePage .purpose-section::after{left:24.5px;top:38px;bottom:-20px}
  #purposePage .purpose-section-head{grid-template-columns:36px 1fr;gap:10px;margin-bottom:12px}
  #purposePage .purpose-section-head>span{width:36px;height:36px;border-radius:12px;font-size:11px}
  #purposePage .purpose-section-head small{font-size:10px}
  #purposePage .purpose-section-head h3{font-size:16px;line-height:1.45}
  #purposePage .purpose-dual-grid,
  #purposePage .purpose-support-grid,
  #purposePage .purpose-structure-grid,
  #purposePage .purpose-flow-grid,
  #purposePage .purpose-shadow-grid,
  #purposePage .purpose-check-list,
  #purposePage .purpose-practice-list{grid-template-columns:1fr}
  #purposePage .purpose-force-list{grid-template-columns:1fr}
  #purposePage .purpose-structure-summary{grid-template-columns:74px 1fr;gap:12px}
  #purposePage .purpose-ease-score{width:70px;height:70px}
  #purposePage .purpose-ease-score strong{font-size:22px}
  #purposePage #purposeProgressSection .purpose-progress-hero{grid-template-columns:84px 1fr;gap:12px}
  #purposePage .purpose-progress-ring{width:78px;height:78px}
  #purposePage .purpose-final-section{padding:22px 18px;border-radius:24px}
  #purposePage .purpose-final-section h2{font-size:20px;line-height:1.55}
}
@media (max-width: 390px){
  #purposePage .purpose-page-shell{padding-left:10px;padding-right:10px}
  #purposePage .purpose-back{width:36px;height:36px}
  #purposePage .purpose-hero{padding:20px 16px}
  #purposePage .purpose-hero-copy h1{font-size:28px}
  #purposePage .purpose-section{padding-left:52px;padding-right:12px}
  #purposePage .purpose-section-head h3{font-size:15px}
  #purposePage .purpose-three-list article,
  #purposePage .purpose-force-card,
  #purposePage .purpose-practice-list article,
  #purposePage .purpose-check-item,
  #purposePage .purpose-loop-list article,
  #purposePage .purpose-impact-card,
  #purposePage .purpose-shadow-grid article,
  #purposePage .purpose-support-grid article,
  #purposePage .purpose-structure-node,
  #purposePage .purpose-flow-card{padding:12px}
}



#purposePage .purpose-cause-note{
  margin-top:14px;
  padding:14px 15px;
  border:1px solid rgba(174,210,238,.08);
  border-radius:18px;
  
}
#purposePage .purpose-cause-note.quiet{}
#purposePage .purpose-cause-note b{
  display:block;
  margin-bottom:6px;
  
  font-size:15px;
  font-weight:560;
}
#purposePage .purpose-cause-note p{margin:0}

#purposePage .purpose-motive-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
}
#purposePage .purpose-motive-card{
  padding:15px;
  border:1px solid rgba(177,211,238,.085);
  border-radius:20px;
  
}
#purposePage .purpose-motive-card>small{display:block;font-size:12px;letter-spacing:.11em}
#purposePage .purpose-motive-card>strong{display:block;margin-top:7px;font-size:17px;font-weight:550}
#purposePage .purpose-motive-card>p{margin:8px 0 0}
#purposePage .purpose-motive-card>em{
  display:block;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(171,204,230,.07);
  
  font-size:13.5px;
  line-height:1.78;
  font-style:normal;
}
#purposePage .purpose-motive-mut{
  margin-top:11px;
  padding:10px 11px;
  border-radius:14px;
  
}
#purposePage .purpose-motive-mut b{font-size:13px;}
#purposePage .purpose-motive-mut p{margin:5px 0 0;font-size:13px;line-height:1.72}

#purposePage .purpose-mirror-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#purposePage .purpose-mirror-grid article{
  padding:16px;
  border:1px solid rgba(176,209,235,.08);
  border-radius:20px;
  
}
#purposePage .purpose-mirror-grid small{display:block;font-size:12px}
#purposePage .purpose-mirror-grid strong{display:block;margin:7px 0 8px;font-size:16px;line-height:1.55}
#purposePage .purpose-mirror-grid p{margin:0}

#purposePage .purpose-repeat-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#purposePage .purpose-repeat-list article{
  position:relative;
  padding:14px 14px 14px 52px;
  border:1px solid rgba(176,209,235,.075);
  border-radius:18px;
  
}
#purposePage .purpose-repeat-list span{
  position:absolute;
  left:13px;
  top:14px;
  
  font-size:11px;
  letter-spacing:.05em;
}
#purposePage .purpose-repeat-list p{margin:0}

#purposePage .purpose-life-question{
  position:relative;
  overflow:hidden;
  padding:24px 24px 22px;
  border:1px solid rgba(184,219,243,.12);
  border-radius:24px;
  
}
#purposePage .purpose-life-question::after{
  content:"?";
  position:absolute;
  right:18px;
  top:-20px;
  
  font-size:120px;
  font-weight:300;
  line-height:1;
}
#purposePage .purpose-life-question small{display:block;font-size:12px;letter-spacing:.12em}
#purposePage .purpose-life-question blockquote{
  position:relative;
  z-index:1;
  max-width:850px;
  margin:12px 0 14px;
  
  font-size:clamp(22px,3vw,34px);
  line-height:1.5;
  font-weight:520;
  font-style:normal;
}
#purposePage .purpose-life-question p{position:relative;z-index:1;margin:0;max-width:860px}

#purposePage .purpose-ability-tags{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
#purposePage .purpose-ability-tags span{
  min-height:72px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:11px 12px;
  border:1px solid rgba(175,209,235,.075);
  border-radius:16px;
  
  
  font-size:14px;
  line-height:1.45;
}
#purposePage .purpose-ability-tags i{
  
  font-size:10px;
  font-style:normal;
}

#purposePage .purpose-axis-flow{
  display:grid;
  grid-template-columns:1fr 24px 1fr 24px 1fr;
  align-items:stretch;
  gap:8px;
}
#purposePage .purpose-axis-flow>article{
  min-height:170px;
  padding:15px;
  border:1px solid rgba(176,209,235,.075);
  border-radius:20px;
  
}
#purposePage .purpose-axis-flow>article.core{
  
  
}
#purposePage .purpose-axis-flow>i{
  display:grid;
  place-items:center;
  
  font-size:17px;
  font-style:normal;
}
#purposePage .purpose-axis-flow small{display:block;font-size:12px}
#purposePage .purpose-axis-flow strong{display:block;margin:8px 0;font-size:18px}
#purposePage .purpose-axis-flow p{margin:0;font-size:13.5px;line-height:1.78}
#purposePage .purpose-axis-formula{
  margin-top:10px;
  padding:13px 15px;
  border-left:2px solid rgba(157,204,235,.28);
  
  
  font-size:14px;
  line-height:1.78;
}
#purposePage .purpose-flow-title{margin:18px 0 10px}
#purposePage .purpose-flow-title small{display:block;font-size:12px;letter-spacing:.08em}
#purposePage .purpose-flow-title p{margin:6px 0 0}

#purposePage .purpose-passage-list{
  display:grid;
  gap:0;
}
#purposePage .purpose-passage-list article{
  position:relative;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:10px;
  align-items:start;
  padding:12px 0;
}
#purposePage .purpose-passage-list article:not(:last-child)::after{
  content:"";
  position:absolute;
  left:21px;
  top:46px;
  bottom:-6px;
  width:1px;
  
}
#purposePage .purpose-passage-list span{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(173,210,237,.12);
  border-radius:50%;
  
  
  font-size:11px;
}
#purposePage .purpose-passage-list p{margin:3px 0 0}

#purposePage .purpose-evolution-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#purposePage .purpose-evolution-grid article{
  padding:15px;
  border:1px solid rgba(176,209,235,.075);
  border-radius:20px;
  
}
#purposePage .purpose-evolution-grid article.low{}
#purposePage .purpose-evolution-grid article.turn{}
#purposePage .purpose-evolution-grid article.mature{}
#purposePage .purpose-evolution-grid small{display:block;font-size:12px}
#purposePage .purpose-evolution-grid strong{display:block;margin:7px 0 10px;font-size:16px;line-height:1.55}
#purposePage .purpose-evolution-grid p{
  position:relative;
  margin:0 0 8px;
  padding-left:12px;
}
#purposePage .purpose-evolution-grid p:last-child{margin-bottom:0}
#purposePage .purpose-evolution-grid p::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:4px;
  height:4px;
  border-radius:50%;
  
}

#purposePage .purpose-contribution-ladder{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#purposePage .purpose-contribution-ladder article{
  position:relative;
  overflow:hidden;
  min-height:180px;
  padding:16px;
  border:1px solid rgba(177,211,237,.085);
  border-radius:21px;
  
}
#purposePage .purpose-contribution-ladder article::after{
  content:"";
  position:absolute;
  right:-32px;
  bottom:-38px;
  width:110px;
  height:110px;
  border:1px solid rgba(168,206,234,.055);
  border-radius:50%;
}
#purposePage .purpose-contribution-ladder small{display:block;font-size:12px}
#purposePage .purpose-contribution-ladder strong{display:block;margin:8px 0;font-size:17px;line-height:1.5}
#purposePage .purpose-contribution-ladder p{position:relative;z-index:1;margin:0}

#purposePage .purpose-core-formula{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:18px 0;
}
#purposePage .purpose-core-formula span{
  padding:8px 11px;
  border:1px solid rgba(174,209,236,.08);
  border-radius:999px;
  
  
  font-size:13px;
}
#purposePage .purpose-core-formula i{font-size:13px;font-style:normal}
#purposePage .purpose-mission-caution{
  margin-top:16px;
  padding:13px 15px;
  border-top:1px solid rgba(171,207,235,.09);
  
  font-size:13.5px;
  line-height:1.82;
}
#purposePage .purpose-cause-final blockquote{font-size:16px}

@media(max-width:900px){
  #purposePage .purpose-ability-tags{grid-template-columns:repeat(3,minmax(0,1fr))}
  #purposePage .purpose-axis-flow{grid-template-columns:1fr}
  #purposePage .purpose-axis-flow>i{height:18px;transform:rotate(90deg)}
  #purposePage .purpose-axis-flow>article{min-height:auto}
  #purposePage .purpose-contribution-ladder{grid-template-columns:1fr}
}
@media(max-width:700px){
  #purposePage .purpose-mirror-grid,
  #purposePage .purpose-repeat-list,
  #purposePage .purpose-evolution-grid{grid-template-columns:1fr}
  #purposePage .purpose-ability-tags{grid-template-columns:1fr 1fr}
  #purposePage .purpose-life-question{padding:19px 17px}
  #purposePage .purpose-life-question blockquote{font-size:21px}
  #purposePage .purpose-contribution-ladder article{min-height:auto}
}
@media(max-width:420px){
  #purposePage .purpose-ability-tags{grid-template-columns:1fr}
  #purposePage .purpose-ability-tags span{min-height:58px}
  #purposePage .purpose-core-formula{gap:6px}
  #purposePage .purpose-core-formula span{width:100%;border-radius:14px}
  #purposePage .purpose-core-formula i{width:100%;text-align:center}
}



#embodimentPage{
  --eb-text:#edf5fc;
  --eb-text-2:#cfdeea;
  --eb-text-3:#94aabc;
  --eb-line:rgba(177,210,236,.10);
  --eb-line-hi:rgba(190,223,247,.18);
  --eb-panel:rgba(255,255,255,.03);
  --eb-panel-2:rgba(255,255,255,.05);
  --eb-glow:rgba(126,189,234,.18);
  min-height:100dvh;
  
  isolation:isolate;
}
#embodimentPage::before,
#embodimentPage::after{content:none!important}
:scope.embodiment-page-active #screenSky,
:scope.embodiment-page-active #spaceBg,
:scope.embodiment-page-active #spaceFx{
  filter:saturate(1.05) brightness(1.03);
}
#embodimentPage,
#embodimentPage p,
#embodimentPage small,
#embodimentPage span,
#embodimentPage em,
#embodimentPage b,
#embodimentPage strong,
#embodimentPage button,
#embodimentPage blockquote,
#embodimentPage h1,
#embodimentPage h2,
#embodimentPage h3{font-family:inherit}

#embodimentPage .embodiment-page-shell{
  position:relative;
  z-index:1;
  max-width:1240px;
  margin:0 auto;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 18px calc(env(safe-area-inset-bottom,0px) + 110px);
}
#embodimentPage .embodiment-page-shell::before,
#embodimentPage .embodiment-page-shell::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
#embodimentPage .embodiment-page-shell::before{
  left:-10%; right:-10%; top:88px; height:360px;
  
  filter:blur(12px);
  opacity:.76;
}
#embodimentPage .embodiment-page-shell::after{
  left:50%; top:174px; width:260px; height:260px; transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(170,206,233,.04);
  
  opacity:.7;
}
#embodimentPage .embodiment-page-topbar{
  position:sticky;
  top:calc(env(safe-area-inset-top,0px) + 8px);
  z-index:30;
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:10px 12px;
  border:1px solid var(--eb-line);
  border-radius:22px;
  
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  
}
#embodimentPage .embodiment-page-topbar::after{
  content:"";
  justify-self:end;
  width:9px; height:9px; border-radius:50%;
  
  
}
#embodimentPage .embodiment-back{
  width:40px; height:40px; display:grid; place-items:center;
  border:1px solid rgba(188,220,244,.10);
  border-radius:14px;
  
  
}
#embodimentPage .embodiment-back svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
#embodimentPage .embodiment-top-title{text-align:center;min-width:0}
#embodimentPage .embodiment-top-title strong{
  display:block;font-size:18px;line-height:1.15;letter-spacing:.16em;font-weight:580;
}
#embodimentPage .embodiment-page-:scope{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
#embodimentPage .embodiment-page-empty{
  grid-column:1/-1;
  padding:44px 20px; text-align:center;
  border:1px dashed rgba(150,188,219,.14); border-radius:24px;
  
   font-size:14px; line-height:1.75;
}


#embodimentPage .embodiment-hero{
  grid-column:1/-1;
  position:relative; overflow:hidden;
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  grid-template-areas:
    "visual copy"
    "visual rule"
    "visual stats";
  gap:16px 22px;
  align-items:center;
  padding:28px;
  min-height:360px;
  border:1px solid rgba(186,219,244,.11);
  border-radius:34px;
  
  -webkit-backdrop-filter:blur(17px) saturate(128%);
  backdrop-filter:blur(17px) saturate(128%);
  
}
#embodimentPage .embodiment-hero::before{
  content:""; position:absolute; left:28px; right:28px; top:0; height:1px;
  
}
#embodimentPage .embodiment-hero::after{
  content:""; position:absolute; inset:auto 24px 24px auto; width:150px; height:1px;
  
}
#embodimentPage .embodiment-hero-visual{
  grid-area:visual;
  position:relative;
  min-height:300px;
  display:grid;
  place-items:center;
  align-self:stretch;
}
#embodimentPage .embodiment-core,
#embodimentPage .embodiment-core::before,
#embodimentPage .embodiment-core::after{
  border-radius:50%; position:absolute; content:"";
}
#embodimentPage .embodiment-core{
  width:104px; height:104px;
  border:1px solid rgba(184,219,244,.20);
  
  
}
#embodimentPage .embodiment-core::before{inset:-22px;border:1px solid rgba(172,208,236,.12)}
#embodimentPage .embodiment-core::after{inset:-48px;border:1px solid rgba(172,208,236,.07)}
#embodimentPage .embodiment-core span{
  position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%;
   
}
#embodimentPage .embodiment-hero-visual .ring{
  position:absolute; border-radius:50%; border:1px solid rgba(145,191,227,.10); transform-origin:center;
}
#embodimentPage .embodiment-hero-visual .r1{width:260px;height:260px;transform:rotate(16deg) scaleY(.76)}
#embodimentPage .embodiment-hero-visual .r2{width:300px;height:300px;transform:rotate(-18deg) scaleX(.88)}
#embodimentPage .embodiment-hero-visual .r3{width:334px;height:334px;transform:rotate(34deg) scaleY(.90);}
#embodimentPage .embodiment-hero-visual .node{
  position:absolute; width:10px; height:10px; border-radius:50%;
   
}
#embodimentPage .embodiment-hero-visual .n1{top:42px; left:158px}
#embodimentPage .embodiment-hero-visual .n2{right:44px; top:136px}
#embodimentPage .embodiment-hero-visual .n3{bottom:54px; left:88px}
#embodimentPage .embodiment-hero-visual .n4{left:42px; top:122px}
#embodimentPage .embodiment-hero-copy{grid-area:copy;position:relative;z-index:2;align-self:end}
#embodimentPage .embodiment-hero-copy small{display:block;font-size:11px;letter-spacing:.34em}
#embodimentPage .embodiment-hero-copy h1{margin:12px 0 10px;font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:.08em;font-weight:560}
#embodimentPage .embodiment-hero-copy>p{margin:0;max-width:760px;font-size:16px;line-height:1.95}
#embodimentPage .embodiment-hero-rule{
  grid-area:rule;
  padding:14px 16px;
  border:1px solid rgba(177,210,236,.08);
  border-radius:18px;
  
}
#embodimentPage .embodiment-hero-rule small{display:block;font-size:12px;letter-spacing:.06em}
#embodimentPage .embodiment-hero-rule strong{display:block;margin-top:7px;font-size:19px;line-height:1.55;font-weight:550}
#embodimentPage .embodiment-hero-stats{
  grid-area:stats;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
#embodimentPage .embodiment-hero-stats span{
  min-height:92px;padding:14px 15px;border:1px solid rgba(176,210,236,.08);border-radius:18px;
  
}
#embodimentPage .embodiment-hero-stats small{display:block;font-size:12px;letter-spacing:.12em}
#embodimentPage .embodiment-hero-stats b{display:block;margin-top:8px;font-size:15px;line-height:1.6;font-weight:530}


#embodimentPage .embodiment-section,
#embodimentPage .embodiment-completion,
#embodimentPage .embodiment-final{
  position:relative; overflow:hidden;
  padding:18px;
  border:1px solid rgba(178,211,237,.09);
  border-radius:28px;
  
  -webkit-backdrop-filter:blur(14px) saturate(122%);
  backdrop-filter:blur(14px) saturate(122%);
  
}
#embodimentPage .embodiment-section::before,
#embodimentPage .embodiment-completion::before,
#embodimentPage .embodiment-final::before{
  content:""; position:absolute; left:0; top:22px; bottom:22px; width:3px; border-radius:99px;
  
}
#embodimentPage .embodiment-section-head{
  display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:start; margin-bottom:14px;
}
#embodimentPage .embodiment-section-head>span{
  width:48px; height:48px; display:grid; place-items:center;
  border-radius:15px; border:1px solid rgba(181,215,241,.14);
    font-size:12px; font-weight:620; letter-spacing:.08em;
}
#embodimentPage .embodiment-section-head small{display:block;font-size:11px;letter-spacing:.22em}
#embodimentPage .embodiment-section-head h3{margin:6px 0 0;font-size:20px;line-height:1.35;font-weight:550;letter-spacing:.03em}
#embodimentPage p,
#embodimentPage blockquote,
#embodimentPage .embodiment-lead,
#embodimentPage .embodiment-structure-foot,
#embodimentPage .embodiment-graduation-note,
#embodimentPage .embodiment-empty-note{
   font-size:15px; line-height:1.9;
}
#embodimentPage .embodiment-lead.large{font-size:16px;}
#embodimentPage small,
#embodimentPage span,
#embodimentPage em,
#embodimentPage button,
#embodimentPage label{font-size:13px}
#embodimentPage b,
#embodimentPage strong{font-size:15px;line-height:1.55;font-weight:540}

#embodimentPage .embodiment-insight-card,
#embodimentPage .embodiment-reality-grid article,
#embodimentPage .embodiment-force-list article,
#embodimentPage .embodiment-tools-grid article,
#embodimentPage .embodiment-native-drives article,
#embodimentPage .embodiment-calm-card,
#embodimentPage .embodiment-structure-summary,
#embodimentPage .embodiment-structure-grid article,
#embodimentPage .embodiment-flow-grid article,
#embodimentPage .embodiment-loop-list article,
#embodimentPage .embodiment-stage-path article,
#embodimentPage .embodiment-freedom-copy,
#embodimentPage .embodiment-completion-hero,
#embodimentPage .embodiment-check-list article,
#embodimentPage .embodiment-practice-list article,
#embodimentPage .embodiment-empty-note{
  border:1px solid rgba(177,210,236,.08);
  
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  
}
#embodimentPage .embodiment-insight-card,
#embodimentPage .embodiment-calm-card,
#embodimentPage .embodiment-freedom-copy,
#embodimentPage .embodiment-empty-note{
  padding:15px 16px; border-radius:18px;
}
#embodimentPage .embodiment-insight-card small,
#embodimentPage .embodiment-tools-grid small,
#embodimentPage .embodiment-native-drives header span,
#embodimentPage .embodiment-flow-grid header small,
#embodimentPage .embodiment-loop-list header small,
#embodimentPage .embodiment-freedom-copy small,
#embodimentPage .embodiment-check-scale button,
#embodimentPage .embodiment-practice-list span{font-size:12px}
#embodimentPage .embodiment-insight-card p,
#embodimentPage .embodiment-calm-card p,
#embodimentPage .embodiment-native-drives p,
#embodimentPage .embodiment-flow-grid p,
#embodimentPage .embodiment-loop-list p,
#embodimentPage .embodiment-freedom-copy p,
#embodimentPage .embodiment-practice-list p,
#embodimentPage .embodiment-reality-grid p,
#embodimentPage .embodiment-check-list p,
#embodimentPage .embodiment-structure-grid p,
#embodimentPage .embodiment-structure-summary p{font-size:14px;line-height:1.82}

#embodimentPage .embodiment-reality-grid,
#embodimentPage .embodiment-tools-grid,
#embodimentPage .embodiment-structure-grid,
#embodimentPage .embodiment-flow-grid,
#embodimentPage .embodiment-check-list,
#embodimentPage .embodiment-practice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#embodimentPage .embodiment-reality-grid article{
  padding:14px; border-radius:18px; display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:start;
}
#embodimentPage .embodiment-reality-grid span{
  width:36px; height:36px; display:grid; place-items:center; border-radius:12px;
    font-weight:600;
}
#embodimentPage .embodiment-force-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
#embodimentPage .embodiment-force-list article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-tools-grid article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-tools-grid div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#embodimentPage .embodiment-tools-grid span{padding:6px 9px;border-radius:999px;border:1px solid rgba(160,198,229,.07);font-size:13px}
#embodimentPage .embodiment-native-drives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#embodimentPage .embodiment-native-drives article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-native-drives header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#embodimentPage .embodiment-native-drives header strong{font-size:16px;}
#embodimentPage .embodiment-native-drives header span{padding:4px 7px;border-radius:999px;}
#embodimentPage .embodiment-structure-summary{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center;margin-bottom:13px;padding:14px 15px;border-radius:20px}
#embodimentPage .embodiment-ease-gauge{
  width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(166,204,233,.16);
  
  
}
#embodimentPage .embodiment-ease-gauge strong{font-size:25px;font-weight:470}
#embodimentPage .embodiment-ease-gauge small{margin-top:3px;font-size:11px}
#embodimentPage .embodiment-structure-summary b{font-size:18px;}
#embodimentPage .embodiment-structure-grid article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-structure-grid article.primary{}
#embodimentPage .embodiment-structure-grid header{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:center}
#embodimentPage .embodiment-structure-grid header span{}
#embodimentPage .embodiment-structure-grid header b{font-size:15px;}
#embodimentPage .embodiment-structure-grid header em{font-style:normal;font-size:12px}
#embodimentPage .embodiment-node-bar{height:4px;margin:10px 0;border-radius:999px;overflow:hidden}
#embodimentPage .embodiment-node-bar i{display:block;height:100%;border-radius:999px;}
#embodimentPage .embodiment-flow-grid article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-flow-grid header{display:flex;align-items:center;justify-content:space-between;gap:8px}
#embodimentPage .embodiment-flow-grid header b{font-size:16px;}
#embodimentPage .embodiment-flow-grid article.kind-禄{}
#embodimentPage .embodiment-flow-grid article.kind-权{}
#embodimentPage .embodiment-flow-grid article.kind-科{}
#embodimentPage .embodiment-flow-grid article.kind-忌{}
#embodimentPage .embodiment-loop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#embodimentPage .embodiment-loop-list article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-loop-list header{display:flex;align-items:center;justify-content:space-between;gap:8px}
#embodimentPage .embodiment-stage-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative}
#embodimentPage .embodiment-stage-path::before{
  content:""; position:absolute; left:42px; right:42px; top:26px; height:1px;
  
}
#embodimentPage .embodiment-stage-path article{padding:14px;border-radius:20px;position:relative;z-index:1}
#embodimentPage .embodiment-stage-index{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#embodimentPage .embodiment-stage-index span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-weight:620}
#embodimentPage .embodiment-stage-index i{flex:1;height:1px;}
#embodimentPage .embodiment-stage-path article small{display:block;font-size:11px;letter-spacing:.12em}
#embodimentPage .embodiment-stage-path article strong{display:block;margin-top:7px;font-size:16px;}
#embodimentPage .embodiment-stage-path article p{margin:8px 0 0;font-size:14px;line-height:1.78}
#embodimentPage .embodiment-freedom-copy{margin-top:12px}
#embodimentPage .embodiment-freedom-copy strong{display:block;margin-top:10px;font-size:17px;}
#embodimentPage .embodiment-completion-hero{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:15px;border-radius:20px}
#embodimentPage .embodiment-freedom-ring{width:98px;height:98px}
#embodimentPage .embodiment-freedom-ring strong{font-size:23px;font-weight:480}
#embodimentPage .embodiment-freedom-ring small{font-size:11px}
#embodimentPage .embodiment-completion-hero b{font-size:18px;}
#embodimentPage .embodiment-check-list{margin-top:12px}
#embodimentPage .embodiment-check-list article{padding:14px;border-radius:18px}
#embodimentPage .embodiment-check-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
#embodimentPage .embodiment-check-scale button{min-height:34px;padding:0 6px;border:1px solid rgba(164,199,228,.08);border-radius:10px;}
#embodimentPage .embodiment-check-scale button.active{}
#embodimentPage .embodiment-practice-list article{padding:14px;border-radius:18px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
#embodimentPage .embodiment-practice-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;}
#embodimentPage .embodiment-final{grid-column:1/-1;padding:30px 26px;border-radius:32px;text-align:left}
#embodimentPage .embodiment-final small{display:block;font-size:11px;letter-spacing:.26em}
#embodimentPage .embodiment-final h2{margin:10px 0 12px;font-size:28px;line-height:1.45;font-weight:540;max-width:780px}
#embodimentPage .embodiment-final p{max-width:860px}
#embodimentPage .embodiment-final blockquote{max-width:760px;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(171,207,236,.10);font-size:15px;line-height:1.9;font-style:normal}


#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(2){grid-column:1 / span 7}
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(3){grid-column:8 / -1}
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(4){grid-column:1 / -1}
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(5){grid-column:1 / span 5}
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(6){grid-column:6 / -1}
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(7){grid-column:1 / span 6}
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(8){grid-column:7 / -1}
#embodimentPage .embodiment-stage-section,
#embodimentPage .embodiment-completion,
#embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(11),
#embodimentPage .embodiment-final{grid-column:1 / -1}

@media (max-width: 1080px){
  #embodimentPage .embodiment-page-:scope{grid-template-columns:repeat(2,minmax(0,1fr))}
  #embodimentPage .embodiment-hero{grid-template-columns:300px minmax(0,1fr)}
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(2),
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(3),
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(4),
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(5),
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(6),
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(7),
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(8),
  #embodimentPage .embodiment-stage-section,
  #embodimentPage .embodiment-completion,
  #embodimentPage .embodiment-page-:scope > .embodiment-section:nth-of-type(11),
  #embodimentPage .embodiment-final{grid-column:auto}
  #embodimentPage .embodiment-hero,
  #embodimentPage .embodiment-final,
  #embodimentPage .embodiment-stage-section,
  #embodimentPage .embodiment-completion{grid-column:1/-1}
  #embodimentPage .embodiment-native-drives,
  #embodimentPage .embodiment-stage-path{grid-template-columns:repeat(2,minmax(0,1fr))}
  #embodimentPage .embodiment-stage-path::before{display:none}
}
@media (max-width: 760px){
  #embodimentPage .embodiment-page-shell{padding-left:12px;padding-right:12px}
  #embodimentPage .embodiment-page-topbar{min-height:60px;padding:9px 10px}
  #embodimentPage .embodiment-top-title strong{font-size:16px;letter-spacing:.12em}
  #embodimentPage .embodiment-page-:scope{grid-template-columns:1fr;gap:14px}
  #embodimentPage .embodiment-hero{
    grid-template-columns:1fr;
    grid-template-areas:"visual" "copy" "rule" "stats";
    min-height:auto; padding:22px 18px; border-radius:28px;
  }
  #embodimentPage .embodiment-hero-visual{min-height:220px}
  #embodimentPage .embodiment-hero-visual .r1{width:190px;height:190px}
  #embodimentPage .embodiment-hero-visual .r2{width:220px;height:220px}
  #embodimentPage .embodiment-hero-visual .r3{width:245px;height:245px}
  #embodimentPage .embodiment-hero-copy small{font-size:10px}
  #embodimentPage .embodiment-hero-copy h1{font-size:32px;margin-top:10px;margin-bottom:8px}
  #embodimentPage .embodiment-hero-copy>p,
  #embodimentPage p,
  #embodimentPage .embodiment-lead,
  #embodimentPage .embodiment-structure-foot,
  #embodimentPage .embodiment-graduation-note,
  #embodimentPage .embodiment-empty-note,
  #embodimentPage .embodiment-final blockquote{font-size:13.5px;line-height:1.84}
  #embodimentPage .embodiment-hero-rule strong{font-size:17px}
  #embodimentPage .embodiment-hero-stats{grid-template-columns:1fr}
  #embodimentPage .embodiment-hero-stats span{min-height:auto;padding:12px 13px}
  #embodimentPage .embodiment-section,
  #embodimentPage .embodiment-completion,
  #embodimentPage .embodiment-final{padding:16px 14px;border-radius:24px}
  #embodimentPage .embodiment-section-head{grid-template-columns:38px 1fr;gap:10px;margin-bottom:12px}
  #embodimentPage .embodiment-section-head>span{width:38px;height:38px;border-radius:12px;font-size:11px}
  #embodimentPage .embodiment-section-head small{font-size:10px}
  #embodimentPage .embodiment-section-head h3{font-size:16px;line-height:1.45}
  #embodimentPage .embodiment-reality-grid,
  #embodimentPage .embodiment-tools-grid,
  #embodimentPage .embodiment-native-drives,
  #embodimentPage .embodiment-structure-grid,
  #embodimentPage .embodiment-flow-grid,
  #embodimentPage .embodiment-loop-list,
  #embodimentPage .embodiment-stage-path,
  #embodimentPage .embodiment-check-list,
  #embodimentPage .embodiment-practice-list{grid-template-columns:1fr}
  #embodimentPage .embodiment-force-list{grid-template-columns:1fr}
  #embodimentPage .embodiment-structure-summary{grid-template-columns:74px 1fr;gap:12px}
  #embodimentPage .embodiment-ease-gauge{width:70px;height:70px}
  #embodimentPage .embodiment-ease-gauge strong{font-size:22px}
  #embodimentPage .embodiment-completion-hero{grid-template-columns:86px 1fr;gap:12px}
  #embodimentPage .embodiment-freedom-ring{width:78px;height:78px}
  #embodimentPage .embodiment-final h2{font-size:20px;line-height:1.55}
}
@media (max-width: 390px){
  #embodimentPage .embodiment-page-shell{padding-left:10px;padding-right:10px}
  #embodimentPage .embodiment-back{width:36px;height:36px}
  #embodimentPage .embodiment-hero{padding:20px 16px}
  #embodimentPage .embodiment-hero-copy h1{font-size:28px}
  #embodimentPage .embodiment-insight-card,
  #embodimentPage .embodiment-reality-grid article,
  #embodimentPage .embodiment-force-list article,
  #embodimentPage .embodiment-tools-grid article,
  #embodimentPage .embodiment-native-drives article,
  #embodimentPage .embodiment-calm-card,
  #embodimentPage .embodiment-structure-summary,
  #embodimentPage .embodiment-structure-grid article,
  #embodimentPage .embodiment-flow-grid article,
  #embodimentPage .embodiment-loop-list article,
  #embodimentPage .embodiment-stage-path article,
  #embodimentPage .embodiment-freedom-copy,
  #embodimentPage .embodiment-completion-hero,
  #embodimentPage .embodiment-check-list article,
  #embodimentPage .embodiment-practice-list article,
  #embodimentPage .embodiment-empty-note{padding:12px}
}



#embodimentPage .embodiment-v71-hero{grid-column:1/-1!important}
#embodimentPage .embodiment-page-:scope > .embodiment-v71-theme{grid-column:1 / span 7!important}
#embodimentPage .embodiment-page-:scope > .embodiment-v71-why{grid-column:8 / -1!important}
#embodimentPage .embodiment-page-:scope > .embodiment-v71-method{grid-column:1 / -1!important}
#embodimentPage .embodiment-page-:scope > .embodiment-v71-abilities{grid-column:1 / span 6!important}
#embodimentPage .embodiment-page-:scope > .embodiment-v71-exams{grid-column:7 / -1!important}
#embodimentPage .embodiment-page-:scope > .embodiment-v71-blocks,
#embodimentPage .embodiment-page-:scope > .embodiment-v71-completion,
#embodimentPage .embodiment-page-:scope > .embodiment-v71-outcome{grid-column:1 / -1!important}

#embodimentPage .embodiment-v71-definition{
  margin-top:14px;padding:15px 16px;border-radius:19px;
  border:1px solid rgba(178,211,237,.08);
  
}
#embodimentPage .embodiment-v71-definition>small,
#embodimentPage .embodiment-v71-training-env small,
#embodimentPage .embodiment-v71-practice>small,
#embodimentPage .embodiment-v71-outcome-main>small,
#embodimentPage .embodiment-v71-outcome-reality>small{
  display:block;font-size:11px;letter-spacing:.16em;
}
#embodimentPage .embodiment-v71-definition>div{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 12px}
#embodimentPage .embodiment-v71-definition>div span{
  padding:6px 9px;border-radius:999px;border:1px solid rgba(172,207,234,.07);
  font-size:12px;
}
#embodimentPage .embodiment-v71-definition>strong{font-size:17px;}

#embodimentPage .embodiment-v71-axis{
  display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);gap:8px;align-items:stretch;
}
#embodimentPage .embodiment-v71-axis>article{
  min-width:0;padding:14px;border-radius:18px;border:1px solid rgba(176,210,236,.08);
  
}
#embodimentPage .embodiment-v71-axis>article small{display:block;font-size:11px;letter-spacing:.10em}
#embodimentPage .embodiment-v71-axis>article strong{display:block;margin-top:7px;font-size:16px}
#embodimentPage .embodiment-v71-axis>article p{margin:7px 0 0;font-size:13.5px;line-height:1.78}
#embodimentPage .embodiment-v71-axis>article em{display:block;margin-top:8px;font-size:12px;line-height:1.65;font-style:normal}
#embodimentPage .embodiment-v71-axis>i{display:grid;place-items:center;font-style:normal;font-size:15px}
#embodimentPage .embodiment-v71-why-note{
  margin-top:10px;padding:13px 14px;border-radius:17px;border:1px solid rgba(159,197,226,.08);
  
}
#embodimentPage .embodiment-v71-why-note.same{}
#embodimentPage .embodiment-v71-why-note b{font-size:15px;}
#embodimentPage .embodiment-v71-why-note p{margin:6px 0 0;font-size:13.5px;line-height:1.78}

#embodimentPage .embodiment-v71-rule{
  margin-bottom:12px;padding:14px 15px;border-radius:18px;border:1px solid rgba(180,214,239,.09);
  
}
#embodimentPage .embodiment-v71-rule b{display:block;font-size:17px}
#embodimentPage .embodiment-v71-rule p{margin:6px 0 0;font-size:13.5px;line-height:1.75}

#embodimentPage .embodiment-v71-ability-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;
}
#embodimentPage .embodiment-v71-ability-grid article{
  min-height:150px;padding:13px;border-radius:18px;border:1px solid rgba(176,210,236,.08);
  
}
#embodimentPage .embodiment-v71-ability-grid span{display:block;font-size:11px}
#embodimentPage .embodiment-v71-ability-grid strong{display:block;margin-top:10px;font-size:15px}
#embodimentPage .embodiment-v71-ability-grid p{margin:8px 0 0;font-size:12.5px;line-height:1.7}
#embodimentPage .embodiment-v71-training-env{
  display:grid;grid-template-columns:1.4fr .6fr;gap:9px;margin-top:10px;
}
#embodimentPage .embodiment-v71-training-env>div{
  padding:13px 14px;border-radius:17px;border:1px solid rgba(176,210,236,.07);
}
#embodimentPage .embodiment-v71-training-env p{margin:7px 0 0;font-size:13px;line-height:1.72}

#embodimentPage .embodiment-v71-exam-list{display:grid;gap:8px}
#embodimentPage .embodiment-v71-exam-list article{
  display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;
  padding:12px 13px;border-radius:17px;border:1px solid rgba(178,211,237,.07);
}
#embodimentPage .embodiment-v71-exam-list span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:11px;font-weight:620;
}
#embodimentPage .embodiment-v71-exam-list p{margin:1px 0 0;font-size:13.5px;line-height:1.75}

#embodimentPage .embodiment-v71-blockers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
#embodimentPage .embodiment-v71-blockers article{
  display:grid;grid-template-columns:30px 1fr;gap:9px;padding:13px;border-radius:18px;
  border:1px solid rgba(182,205,231,.08);
}
#embodimentPage .embodiment-v71-blockers article>span{font-size:11px;padding-top:2px}
#embodimentPage .embodiment-v71-blockers small{display:block;font-size:11px;letter-spacing:.10em}
#embodimentPage .embodiment-v71-blockers strong{display:block;margin-top:7px;font-size:15px}
#embodimentPage .embodiment-v71-blockers p{margin:7px 0 0;font-size:13px;line-height:1.74}

#embodimentPage .embodiment-v71-four-stage{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;
}
#embodimentPage .embodiment-v71-four-stage article{
  position:relative;min-height:180px;padding:14px;border-radius:20px;border:1px solid rgba(176,210,236,.08);
  
}
#embodimentPage .embodiment-v71-four-stage article.s1{}
#embodimentPage .embodiment-v71-four-stage article.s2{}
#embodimentPage .embodiment-v71-four-stage article.s3{}
#embodimentPage .embodiment-v71-four-stage article.s4{}
#embodimentPage .embodiment-v71-four-stage span{font-size:11px}
#embodimentPage .embodiment-v71-four-stage small{display:block;margin-top:6px;font-size:10px;letter-spacing:.13em}
#embodimentPage .embodiment-v71-four-stage strong{display:block;margin-top:9px;font-size:16px}
#embodimentPage .embodiment-v71-four-stage p{margin:8px 0 0;font-size:13px;line-height:1.72}
#embodimentPage .embodiment-v71-selfcheck{margin-top:12px}
#embodimentPage .embodiment-v71-selfcheck .embodiment-check-scale{grid-template-columns:repeat(4,1fr)!important}
#embodimentPage .embodiment-v71-selfcheck .embodiment-check-scale button{font-size:11.5px!important}

#embodimentPage .embodiment-v71-practice{
  margin-top:12px;padding:15px 16px;border-radius:20px;border:1px solid rgba(176,210,236,.08);
}
#embodimentPage .embodiment-v71-practice>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
#embodimentPage .embodiment-v71-practice article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:11px;border-radius:15px;}
#embodimentPage .embodiment-v71-practice article span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;}
#embodimentPage .embodiment-v71-practice article p{margin:1px 0 0;font-size:13px;line-height:1.72}

#embodimentPage .embodiment-v71-outcome{
  padding:26px!important;
  
}
#embodimentPage .embodiment-v71-outcome-main{max-width:800px}
#embodimentPage .embodiment-v71-outcome-main h2{margin:10px 0 9px;font-size:30px;line-height:1.35;font-weight:550}
#embodimentPage .embodiment-v71-outcome-main p{margin:0;font-size:15px;line-height:1.9}
#embodimentPage .embodiment-v71-outcome-reality{margin-top:14px;max-width:850px;padding:14px 15px;border-radius:18px;border:1px solid rgba(177,210,236,.08);}
#embodimentPage .embodiment-v71-outcome-reality p{margin:7px 0 0;font-size:14px;line-height:1.82}
#embodimentPage .embodiment-v71-outcome blockquote{max-width:760px;margin:18px 0 0;padding:14px 0 0;border-top:1px solid rgba(171,207,236,.10);font-size:16px;line-height:1.9;font-style:normal}

@media(max-width:1080px){
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-theme,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-why,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-method,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-abilities,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-exams,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-blocks,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-completion,
  #embodimentPage .embodiment-page-:scope > .embodiment-v71-outcome{grid-column:1/-1!important}
  #embodimentPage .embodiment-v71-ability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  #embodimentPage .embodiment-v71-axis{grid-template-columns:1fr;gap:7px}
  #embodimentPage .embodiment-v71-axis>i{height:16px;transform:rotate(90deg)}
  #embodimentPage .embodiment-v71-ability-grid,
  #embodimentPage .embodiment-v71-four-stage,
  #embodimentPage .embodiment-v71-practice>div,
  #embodimentPage .embodiment-v71-training-env{grid-template-columns:1fr}
  #embodimentPage .embodiment-v71-ability-grid article{min-height:auto}
  #embodimentPage .embodiment-v71-four-stage article{min-height:auto}
  #embodimentPage .embodiment-v71-selfcheck .embodiment-check-scale{grid-template-columns:repeat(2,1fr)!important}
  #embodimentPage .embodiment-v71-outcome{padding:18px 15px!important}
  #embodimentPage .embodiment-v71-outcome-main h2{font-size:23px}
}
@media(max-width:390px){
  #embodimentPage .embodiment-v71-definition,
  #embodimentPage .embodiment-v71-axis>article,
  #embodimentPage .embodiment-v71-why-note,
  #embodimentPage .embodiment-v71-rule,
  #embodimentPage .embodiment-v71-ability-grid article,
  #embodimentPage .embodiment-v71-training-env>div,
  #embodimentPage .embodiment-v71-exam-list article,
  #embodimentPage .embodiment-v71-blockers article,
  #embodimentPage .embodiment-v71-four-stage article,
  #embodimentPage .embodiment-v71-practice{padding:11px}
}



#bondagePage{
  --bd-text:#edf4fb;
  --bd-text-2:#cddcea;
  --bd-text-3:#8ea5b7;
  --bd-line:rgba(174,205,229,.10);
  --bd-line-hi:rgba(193,221,243,.18);
  --bd-panel:rgba(255,255,255,.032);
  --bd-panel-2:rgba(255,255,255,.055);
  --bd-glow:rgba(139,198,235,.16);
  min-height:100dvh;
  
  isolation:isolate;
}
#bondagePage::before,
#bondagePage::after{content:none!important}
:scope.bondage-page-active #screenSky,
:scope.bondage-page-active #spaceBg,
:scope.bondage-page-active #spaceFx{filter:saturate(1.02) brightness(.98)}

#bondagePage,
#bondagePage p,
#bondagePage small,
#bondagePage span,
#bondagePage em,
#bondagePage b,
#bondagePage strong,
#bondagePage button,
#bondagePage blockquote,
#bondagePage h1,
#bondagePage h2,
#bondagePage h3{font-family:inherit}

#bondagePage .bondage-page-shell{
  position:relative;z-index:1;max-width:1240px;margin:0 auto;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 18px calc(env(safe-area-inset-bottom,0px) + 110px);
}
#bondagePage .bondage-page-shell::before,
#bondagePage .bondage-page-shell::after{
  content:"";position:absolute;pointer-events:none;z-index:0;
}
#bondagePage .bondage-page-shell::before{
  left:-12%;right:-12%;top:104px;height:460px;
  
  filter:blur(14px);opacity:.70;
}
#bondagePage .bondage-page-shell::after{
  right:26px;top:140px;width:180px;height:180px;border-radius:50%;
  border:1px solid rgba(171,205,233,.06);
  
  opacity:.58;
}
#bondagePage .bondage-page-topbar{
  position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:30;
  display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;
  min-height:64px;padding:10px 12px;border:1px solid var(--bd-line);border-radius:22px;
  
  -webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%);
  
}
#bondagePage .bondage-page-topbar::after{
  content:"";justify-self:end;width:9px;height:9px;border-radius:50%;
  
}
#bondagePage .bondage-back{
  width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(188,220,244,.10);
  border-radius:14px;
}
#bondagePage .bondage-back svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
#bondagePage .bondage-top-title{text-align:center;min-width:0}
#bondagePage .bondage-top-title strong{display:block;font-size:18px;line-height:1.15;letter-spacing:.16em;font-weight:580}

#bondagePage .bondage-page-:scope{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:16px;
}
#bondagePage .bondage-page-empty{
  grid-column:1/-1;padding:44px 20px;text-align:center;border:1px dashed rgba(150,188,219,.14);
  border-radius:24px;font-size:14px;line-height:1.75;
}

#bondagePage .bondage-hero-v72,
#bondagePage .bondage-panel,
#bondagePage .bondage-progress-section,
#bondagePage .bondage-final-v72{
  position:relative;overflow:hidden;border:1px solid rgba(178,210,236,.09);border-radius:30px;
  
  -webkit-backdrop-filter:blur(14px) saturate(122%);backdrop-filter:blur(14px) saturate(122%);
  
}
#bondagePage .bondage-panel::before,
#bondagePage .bondage-progress-section::before,
#bondagePage .bondage-final-v72::before{
  content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:99px;
  
}

#bondagePage .bondage-hero-v72{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) 350px;gap:18px;padding:28px;min-height:360px}
#bondagePage .bondage-hero-v72::before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;}
#bondagePage .bondage-hero-v72::after{content:"";position:absolute;right:24px;bottom:24px;width:160px;height:1px;}
#bondagePage .bondage-hero-v72 .bondage-knot-v72{position:absolute;right:48px;top:36px;width:250px;height:250px;pointer-events:none;opacity:.92}
#bondagePage .bondage-knot-v72 i,
#bondagePage .bondage-knot-v72 span{position:absolute;inset:0;border-radius:50%}
#bondagePage .bondage-knot-v72 .a{border:1px solid rgba(160,193,222,.12);transform:rotate(18deg) scaleY(.60)}
#bondagePage .bondage-knot-v72 .b{border:1px solid rgba(121,168,206,.14);transform:rotate(-22deg) scaleX(.72)}
#bondagePage .bondage-knot-v72 .c{inset:36px;border:1px solid rgba(114,161,202,.10);transform:rotate(42deg) scaleY(.88)}
#bondagePage .bondage-knot-v72 span{inset:auto auto 50% 50%;width:14px;height:14px;margin:-7px 0 0 -7px;}
#bondagePage .bondage-hero-copy-v72{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}
#bondagePage .bondage-hero-copy-v72 > small{font-size:11px;letter-spacing:.34em}
#bondagePage .bondage-hero-copy-v72 h1{margin:12px 0 10px;font-size:clamp(30px,4.2vw,52px);line-height:1.07;letter-spacing:.08em;font-weight:560}
#bondagePage .bondage-hero-copy-v72 > p{margin:0;max-width:760px;font-size:16px;line-height:1.95}
#bondagePage .bondage-hero-copy-v72 blockquote{margin:18px 0 0;padding-left:16px;border-left:1px solid rgba(167,206,235,.18);font-size:15px;line-height:1.85;font-style:normal}
#bondagePage .bondage-hero-rail{position:relative;z-index:2;display:grid;gap:10px;align-content:start}
#bondagePage .bondage-hero-rail article{padding:14px 15px;border:1px solid rgba(177,210,236,.08);border-radius:18px;}
#bondagePage .bondage-hero-rail small{display:block;font-size:11px;letter-spacing:.10em}
#bondagePage .bondage-hero-rail b{display:block;margin-top:7px;font-size:16px;line-height:1.62;font-weight:540}
#bondagePage .bondage-hero-rail p{margin:8px 0 0;font-size:13px;line-height:1.72}

#bondagePage .bondage-panel{padding:18px}
#bondagePage .bondage-panel h3{margin:0;font-size:18px;line-height:1.42;font-weight:550}
#bondagePage .bondage-panel p,
#bondagePage .bondage-panel li,
#bondagePage .bondage-progress-section p,
#bondagePage .bondage-final-v72 p,
#bondagePage .bondage-final-v72 blockquote{font-size:15px;line-height:1.88}
#bondagePage .bondage-panel small,
#bondagePage .bondage-progress-section small,
#bondagePage .bondage-final-v72 small,
#bondagePage .bondage-panel em,
#bondagePage .bondage-panel span,
#bondagePage .bondage-panel button{font-size:13px}
#bondagePage .bondage-panel strong,
#bondagePage .bondage-progress-section strong,
#bondagePage .bondage-final-v72 strong{font-size:15px;line-height:1.58;font-weight:540}
#bondagePage .bondage-head{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;margin-bottom:14px}
#bondagePage .bondage-head > span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(181,215,241,.14);font-size:12px;font-weight:620;letter-spacing:.08em}
#bondagePage .bondage-head small{display:block;font-size:11px;letter-spacing:.22em}
#bondagePage .bondage-head h3{margin:6px 0 0;font-size:20px;line-height:1.35;font-weight:550}
#bondagePage .bondage-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#bondagePage .bondage-chip-row span{padding:7px 10px;border-radius:999px;border:1px solid rgba(161,197,226,.08);}

#bondagePage .bondage-mini-grid,
#bondagePage .bondage-dual-grid,
#bondagePage .bondage-cost-grid,
#bondagePage .bondage-mirror-grid,
#bondagePage .bondage-help-grid,
#bondagePage .bondage-trigger-grid,
#bondagePage .bondage-exit-grid{display:grid;gap:10px}
#bondagePage .bondage-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#bondagePage .bondage-dual-grid,
#bondagePage .bondage-cost-grid,
#bondagePage .bondage-mirror-grid,
#bondagePage .bondage-help-grid,
#bondagePage .bondage-trigger-grid,
#bondagePage .bondage-exit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#bondagePage .bondage-card,
#bondagePage .bondage-formula,
#bondagePage .bondage-timeline,
#bondagePage .bondage-supports-v72,
#bondagePage .bondage-progress-hero,
#bondagePage .bondage-check-list article,
#bondagePage .bondage-stage-v72,
#bondagePage .bondage-system-note{border:1px solid rgba(177,210,236,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#bondagePage .bondage-card,
#bondagePage .bondage-formula,
#bondagePage .bondage-supports-v72,
#bondagePage .bondage-timeline,
#bondagePage .bondage-system-note,
#bondagePage .bondage-stage-v72{padding:14px 15px;border-radius:18px}
#bondagePage .bondage-card small,
#bondagePage .bondage-formula small,
#bondagePage .bondage-timeline small,
#bondagePage .bondage-supports-v72 small,
#bondagePage .bondage-stage-v72 small,
#bondagePage .bondage-system-note small,
#bondagePage .bondage-check-scale button{font-size:12px}
#bondagePage .bondage-card strong{display:block;margin-top:8px;font-size:16px;}
#bondagePage .bondage-card p{margin:8px 0 0;font-size:14px;line-height:1.82;}
#bondagePage .bondage-formula strong{display:block;margin:8px 0 0;font-size:16px;line-height:1.75}
#bondagePage .bondage-formula em{display:block;margin-top:10px;font-style:normal;line-height:1.8}
#bondagePage .bondage-timeline article{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(172,206,235,.08)}
#bondagePage .bondage-timeline article:last-child{border-bottom:none;padding-bottom:0}
#bondagePage .bondage-timeline span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;}
#bondagePage .bondage-timeline b{display:block;font-size:15px;line-height:1.6}
#bondagePage .bondage-timeline p{margin:6px 0 0;font-size:14px;line-height:1.8}
#bondagePage .bondage-supports-v72 div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#bondagePage .bondage-supports-v72 span{padding:6px 9px;border-radius:999px;border:1px solid rgba(160,198,229,.07);font-size:13px}
#bondagePage .bondage-stage-path-v72{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative}
#bondagePage .bondage-stage-path-v72::before{content:"";position:absolute;left:42px;right:42px;top:26px;height:1px;}
#bondagePage .bondage-stage-v72{position:relative;z-index:1}
#bondagePage .bondage-stage-index-v72{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#bondagePage .bondage-stage-index-v72 span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-weight:620}
#bondagePage .bondage-stage-index-v72 i{flex:1;height:1px;}
#bondagePage .bondage-stage-v72 strong{display:block;margin-top:8px;font-size:16px;}
#bondagePage .bondage-stage-v72 p{margin:8px 0 0;font-size:14px;line-height:1.76}
#bondagePage .bondage-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#bondagePage .bondage-check-list article{padding:14px;border-radius:18px}
#bondagePage .bondage-check-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
#bondagePage .bondage-check-scale button{min-height:34px;padding:0 6px;border:1px solid rgba(164,199,228,.08);border-radius:10px;}
#bondagePage .bondage-check-scale button.active{}
#bondagePage .bondage-progress-section{grid-column:1/-1;padding:18px}
#bondagePage .bondage-progress-hero{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:15px;border-radius:20px}
#bondagePage .bondage-progress-ring{width:98px;height:98px}
#bondagePage .bondage-progress-ring strong{font-size:23px;font-weight:480}
#bondagePage .bondage-progress-ring small{font-size:11px}
#bondagePage .bondage-progress-note{margin-top:12px;font-size:13px;line-height:1.76}
#bondagePage .bondage-final-v72{grid-column:1/-1;padding:30px 26px;border-radius:32px;text-align:left}
#bondagePage .bondage-final-v72 small{display:block;font-size:11px;letter-spacing:.26em}
#bondagePage .bondage-final-v72 h2{margin:10px 0 12px;font-size:28px;line-height:1.45;font-weight:540;max-width:820px}
#bondagePage .bondage-final-v72 p{max-width:860px}
#bondagePage .bondage-final-v72 blockquote{max-width:760px;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(171,207,236,.10);font-size:15px;line-height:1.9;font-style:normal}

#bondagePage .panel-01{grid-column:1/-1}
#bondagePage .panel-02,#bondagePage .panel-03{grid-column:span 6}
#bondagePage .panel-04,#bondagePage .panel-05{grid-column:span 6}
#bondagePage .panel-06{grid-column:1/-1}
#bondagePage .panel-07,#bondagePage .panel-08{grid-column:span 6}
#bondagePage .panel-09{grid-column:1/-1}
#bondagePage .panel-10{grid-column:1/-1}

@media (max-width:1080px){
  #bondagePage .bondage-hero-v72{grid-template-columns:1fr}
  #bondagePage .panel-02,#bondagePage .panel-03,#bondagePage .panel-04,#bondagePage .panel-05,#bondagePage .panel-07,#bondagePage .panel-08{grid-column:1/-1}
  #bondagePage .bondage-stage-path-v72{grid-template-columns:repeat(2,minmax(0,1fr))}
  #bondagePage .bondage-stage-path-v72::before{display:none}
}
@media (max-width:760px){
  #bondagePage .bondage-page-shell{padding-left:12px;padding-right:12px}
  #bondagePage .bondage-page-topbar{min-height:60px;padding:9px 10px}
  #bondagePage .bondage-top-title strong{font-size:16px;letter-spacing:.12em}
  #bondagePage .bondage-page-:scope{grid-template-columns:1fr;gap:14px}
  #bondagePage .bondage-hero-v72{padding:22px 18px;border-radius:28px;min-height:auto}
  #bondagePage .bondage-knot-v72{right:-12px!important;top:0!important;width:188px!important;height:188px!important;opacity:.72!important}
  #bondagePage .bondage-hero-copy-v72 > small{font-size:10px}
  #bondagePage .bondage-hero-copy-v72 h1{font-size:32px;margin-top:10px;margin-bottom:8px}
  #bondagePage .bondage-hero-copy-v72 > p,
  #bondagePage .bondage-hero-copy-v72 blockquote,
  #bondagePage .bondage-panel p,
  #bondagePage .bondage-progress-section p,
  #bondagePage .bondage-final-v72 p,
  #bondagePage .bondage-final-v72 blockquote{font-size:13.5px;line-height:1.84}
  #bondagePage .bondage-panel,#bondagePage .bondage-progress-section,#bondagePage .bondage-final-v72{padding:16px 14px;border-radius:24px}
  #bondagePage .bondage-head{grid-template-columns:38px 1fr;gap:10px;margin-bottom:12px}
  #bondagePage .bondage-head > span{width:38px;height:38px;border-radius:12px;font-size:11px}
  #bondagePage .bondage-head small{font-size:10px}
  #bondagePage .bondage-head h3{font-size:16px;line-height:1.45}
  #bondagePage .bondage-mini-grid,
  #bondagePage .bondage-dual-grid,
  #bondagePage .bondage-cost-grid,
  #bondagePage .bondage-mirror-grid,
  #bondagePage .bondage-help-grid,
  #bondagePage .bondage-trigger-grid,
  #bondagePage .bondage-exit-grid,
  #bondagePage .bondage-check-list,
  #bondagePage .bondage-stage-path-v72{grid-template-columns:1fr}
  #bondagePage .bondage-progress-hero{grid-template-columns:86px 1fr;gap:12px}
  #bondagePage .bondage-progress-ring{width:78px;height:78px}
  #bondagePage .bondage-final-v72 h2{font-size:20px;line-height:1.55}
  #bondagePage .panel-01,#bondagePage .panel-02,#bondagePage .panel-03,#bondagePage .panel-04,#bondagePage .panel-05,#bondagePage .panel-06,#bondagePage .panel-07,#bondagePage .panel-08,#bondagePage .panel-09,#bondagePage .panel-10,#bondagePage .bondage-progress-section,#bondagePage .bondage-final-v72{grid-column:1/-1}
}
@media (max-width:390px){
  #bondagePage .bondage-page-shell{padding-left:10px;padding-right:10px}
  #bondagePage .bondage-back{width:36px;height:36px}
  #bondagePage .bondage-hero-v72{padding:20px 16px}
  #bondagePage .bondage-hero-copy-v72 h1{font-size:28px}
  #bondagePage .bondage-card,
  #bondagePage .bondage-formula,
  #bondagePage .bondage-timeline,
  #bondagePage .bondage-supports-v72,
  #bondagePage .bondage-progress-hero,
  #bondagePage .bondage-check-list article,
  #bondagePage .bondage-stage-v72,
  #bondagePage .bondage-system-note{padding:12px}
}



#achievementPage{
  --ac-text:#eef6fc;--ac-text2:#c8d9e7;--ac-text3:#8da5b8;
  --ac-line:rgba(174,209,235,.10);--ac-line-hi:rgba(189,224,247,.18);
  --ac-glow:rgba(110,187,228,.18);--ac-panel:rgba(255,255,255,.032);
  min-height:100dvh;isolation:isolate;
}
#achievementPage::before,#achievementPage::after{content:none!important}
:scope.achievement-page-active #screenSky,:scope.achievement-page-active #spaceBg,:scope.achievement-page-active #spaceFx{filter:saturate(1.06) brightness(1.03)}
#achievementPage .achievement-page-shell{position:relative;z-index:1;width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px calc(env(safe-area-inset-bottom,0px) + 110px)!important}
#achievementPage .achievement-page-shell::before{content:"";position:absolute;pointer-events:none;z-index:0;left:-10%;right:-10%;top:90px;height:400px;filter:blur(12px);opacity:.78}
#achievementPage .achievement-page-topbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:30;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid var(--ac-line);border-radius:22px;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);}
#achievementPage .achievement-page-topbar::after{content:"";justify-self:end;width:9px;height:9px;border-radius:50%;}
#achievementPage .achievement-back{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(188,220,244,.10);border-radius:14px;}
#achievementPage .achievement-back svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
#achievementPage .achievement-top-title{text-align:center;min-width:0}
#achievementPage .achievement-top-title strong{display:block;font-size:18px;line-height:1.15;letter-spacing:.16em;font-weight:580}
#achievementPage .achievement-page-:scope{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:16px}
#achievementPage .achievement-page-empty{grid-column:1/-1;padding:44px 20px;text-align:center;border:1px dashed rgba(150,188,219,.14);border-radius:24px;font-size:14px;line-height:1.75}

#achievementPage .engine-hero,#achievementPage .engine-panel,#achievementPage .engine-final,#achievementPage .achievement-progress-section{position:relative;overflow:hidden;border:1px solid rgba(178,211,237,.09);-webkit-backdrop-filter:blur(14px) saturate(123%);backdrop-filter:blur(14px) saturate(123%);}
#achievementPage .engine-hero{grid-column:1/-1;min-height:390px;padding:28px;border-radius:34px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:center;}
#achievementPage .engine-hero::before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;}
#achievementPage .engine-copy{position:relative;z-index:2}
#achievementPage .engine-copy>small{display:block;font-size:11px;letter-spacing:.34em}
#achievementPage .engine-copy h1{margin:12px 0 10px;font-size:clamp(32px,4.5vw,54px);line-height:1.06;letter-spacing:.07em;font-weight:560}
#achievementPage .engine-copy>p{margin:0;max-width:760px;font-size:16px;line-height:1.95}
#achievementPage .engine-copy blockquote{margin:18px 0 0;padding-left:16px;border-left:1px solid rgba(159,211,229,.18);font-size:15px;line-height:1.85;font-style:normal}
#achievementPage .engine-core{position:relative;min-height:310px;display:grid;place-items:center}
#achievementPage .engine-core::before,#achievementPage .engine-core::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(142,205,221,.10)}
#achievementPage .engine-core::before{width:300px;height:300px;}
#achievementPage .engine-core::after{width:218px;height:218px;border-style:dashed;transform:rotate(18deg)}
#achievementPage .engine-center{position:relative;z-index:2;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(169,221,235,.18);}
#achievementPage .engine-center small{display:block;font-size:11px;letter-spacing:.12em}
#achievementPage .engine-center strong{display:block;margin-top:5px;font-size:18px;line-height:1.3;font-weight:550}
#achievementPage .engine-node{position:absolute;z-index:3;padding:7px 10px;border:1px solid rgba(169,217,232,.10);border-radius:999px;font-size:12px;}
#achievementPage .engine-node.n1{top:20px;left:50%;transform:translateX(-50%)}#achievementPage .engine-node.n2{top:82px;right:4px}#achievementPage .engine-node.n3{bottom:74px;right:8px}#achievementPage .engine-node.n4{bottom:18px;left:50%;transform:translateX(-50%)}#achievementPage .engine-node.n5{bottom:74px;left:8px}#achievementPage .engine-node.n6{top:82px;left:4px}

#achievementPage .engine-axis{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:10px;border:1px solid rgba(174,209,235,.08);border-radius:24px;}
#achievementPage .engine-axis article{padding:13px 10px;border-radius:17px;border:1px solid rgba(174,209,235,.07);text-align:center}
#achievementPage .engine-axis span{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 8px;border-radius:10px;font-size:14px;font-weight:650}
#achievementPage .engine-axis b{display:block;font-size:14px}.engine-axis small{display:block;margin-top:4px;font-size:11px}

#achievementPage .engine-panel{padding:18px;border-radius:28px}
#achievementPage .engine-panel::before,#achievementPage .achievement-progress-section::before,#achievementPage .engine-final::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:99px;}
#achievementPage .engine-head{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;margin-bottom:14px}
#achievementPage .engine-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(176,218,237,.14);font-size:12px;font-weight:620}
#achievementPage .engine-head small{display:block;font-size:11px;letter-spacing:.22em}
#achievementPage .engine-head h3{margin:6px 0 0;font-size:20px;line-height:1.35;font-weight:550}
#achievementPage .engine-panel p,#achievementPage .achievement-progress-section p,#achievementPage .engine-final p,#achievementPage .engine-final blockquote{font-size:15px;line-height:1.88}
#achievementPage .engine-panel small,#achievementPage .engine-panel span,#achievementPage .engine-panel em,#achievementPage .engine-panel button{font-size:13px}
#achievementPage .engine-panel strong,#achievementPage .engine-panel b,#achievementPage .achievement-progress-section strong{font-size:15px;line-height:1.58;font-weight:540}
#achievementPage .engine-card,#achievementPage .engine-feature,#achievementPage .engine-step,#achievementPage .engine-people article,#achievementPage .engine-capacity article,#achievementPage .engine-timing article,#achievementPage .achievement-progress-hero,#achievementPage .achievement-check-list article{border:1px solid rgba(174,209,235,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#achievementPage .engine-card,#achievementPage .engine-feature,#achievementPage .engine-step,#achievementPage .engine-people article,#achievementPage .engine-capacity article,#achievementPage .engine-timing article{padding:14px 15px;border-radius:18px}
#achievementPage .engine-card small,#achievementPage .engine-feature small,#achievementPage .engine-step small,#achievementPage .engine-people small,#achievementPage .engine-capacity small,#achievementPage .engine-timing small{display:block;font-size:12px}
#achievementPage .engine-card strong,#achievementPage .engine-feature strong,#achievementPage .engine-step strong,#achievementPage .engine-people strong,#achievementPage .engine-capacity strong,#achievementPage .engine-timing strong{display:block;margin-top:7px;font-size:16px}
#achievementPage .engine-card p,#achievementPage .engine-feature p,#achievementPage .engine-step p,#achievementPage .engine-people p,#achievementPage .engine-capacity p,#achievementPage .engine-timing p{margin:8px 0 0;font-size:14px;line-height:1.82}
#achievementPage .engine-grid2,#achievementPage .engine-grid3,#achievementPage .engine-people,#achievementPage .engine-capacity,#achievementPage .engine-timing{display:grid;gap:10px}
#achievementPage .engine-grid2,#achievementPage .engine-people,#achievementPage .engine-capacity{grid-template-columns:repeat(2,minmax(0,1fr))}
#achievementPage .engine-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
#achievementPage .engine-timing{grid-template-columns:repeat(3,minmax(0,1fr))}
#achievementPage .engine-feature.primary{}
#achievementPage .engine-feature-index{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.engine-feature-index span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-weight:650}
#achievementPage .engine-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative}
#achievementPage .engine-flow::before{content:"";position:absolute;left:7%;right:7%;top:29px;height:1px;}
#achievementPage .engine-step{position:relative;z-index:1}.engine-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;margin-bottom:10px;font-weight:650}
#achievementPage .engine-break{}.engine-growth{}
#achievementPage .engine-principle{margin-top:12px;padding:15px 16px;border-left:2px solid rgba(128,211,226,.32);border-radius:0 16px 16px 0;font-size:15px;line-height:1.82}
#achievementPage .achievement-progress-section{grid-column:1/-1;padding:18px;border-radius:28px}
#achievementPage .achievement-progress-hero{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:15px;border-radius:20px}
#achievementPage .achievement-progress-ring{width:98px;height:98px}.achievement-progress-ring strong{font-size:23px!important}.achievement-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.achievement-check-list article{padding:14px;border-radius:18px}.achievement-check-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.achievement-check-scale button{min-height:34px;padding:0 6px;border:1px solid rgba(164,199,228,.08);border-radius:10px;font-size:12px}.achievement-check-scale button.active{}
#achievementPage .engine-final{grid-column:1/-1;padding:30px 26px;border-radius:32px;text-align:left}.engine-final small{display:block;font-size:11px;letter-spacing:.26em}.engine-final h2{margin:10px 0 12px;font-size:28px;line-height:1.45;font-weight:540;max-width:900px}.engine-final blockquote{max-width:820px;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(153,213,227,.10);font-style:normal}
#achievementPage .p01{grid-column:1/-1}#achievementPage .p02{grid-column:1/span 6}#achievementPage .p03{grid-column:7/-1}#achievementPage .p04{grid-column:1/-1}#achievementPage .p05{grid-column:1/span 5}#achievementPage .p06{grid-column:6/-1}#achievementPage .p07{grid-column:1/span 6}#achievementPage .p08{grid-column:7/-1}#achievementPage .p09{grid-column:1/-1}
@media(max-width:1050px){#achievementPage .engine-hero{grid-template-columns:1fr}.engine-core{min-height:260px!important}#achievementPage .p02,#achievementPage .p03,#achievementPage .p05,#achievementPage .p06,#achievementPage .p07,#achievementPage .p08{grid-column:1/-1}#achievementPage .engine-axis{grid-template-columns:repeat(4,1fr)}#achievementPage .engine-flow{grid-template-columns:repeat(2,1fr)}#achievementPage .engine-flow::before{display:none}}
@media(max-width:760px){#achievementPage .achievement-page-shell{padding-left:12px!important;padding-right:12px!important}#achievementPage .achievement-page-topbar{min-height:60px;padding:9px 10px}.achievement-top-title strong{font-size:16px!important;letter-spacing:.12em!important}#achievementPage .achievement-page-:scope{grid-template-columns:1fr;gap:14px}.engine-hero{padding:22px 18px!important;border-radius:28px!important}.engine-copy h1{font-size:32px!important}.engine-copy>p,.engine-copy blockquote,.engine-panel p,.achievement-progress-section p,.engine-final p,.engine-final blockquote{font-size:13.5px!important;line-height:1.84!important}.engine-panel,.achievement-progress-section,.engine-final{padding:16px 14px!important;border-radius:24px!important}.engine-head{grid-template-columns:38px 1fr!important;gap:10px!important}.engine-head>span{width:38px!important;height:38px!important;border-radius:12px!important}.engine-head h3{font-size:16px!important}.engine-axis{grid-template-columns:repeat(2,1fr)!important}.engine-grid2,.engine-grid3,.engine-people,.engine-capacity,.engine-timing,.engine-flow,.achievement-check-list{grid-template-columns:1fr!important}.achievement-progress-hero{grid-template-columns:86px 1fr!important}.achievement-progress-ring{width:78px!important;height:78px!important}.engine-final h2{font-size:20px!important}.p01,.p02,.p03,.p04,.p05,.p06,.p07,.p08,.p09,.achievement-progress-section,.engine-final{grid-column:1/-1!important}}



:scope.achievement-page-active > .app{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
}
#achievementPage .achievement-page-shell{
  padding-top:calc(env(safe-area-inset-top,0px) + 7px)!important;
}
#achievementPage .achievement-page-topbar{
  min-height:56px!important;
  padding:7px 10px!important;
  border-radius:19px!important;
}
#achievementPage .achievement-back{
  width:38px!important;
  height:38px!important;
}
#achievementPage .achievement-page-:scope{
  margin-top:10px!important;
}
#achievementPage .engine-hero{
  min-height:318px!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:18px!important;
  padding:22px 24px!important;
}
#achievementPage .engine-core{
  min-height:242px!important;
}
#achievementPage .engine-core::before{
  width:236px!important;
  height:236px!important;
  
}
#achievementPage .engine-core::after{
  width:172px!important;
  height:172px!important;
}
#achievementPage .engine-center{
  width:108px!important;
  height:108px!important;
}
#achievementPage .engine-center strong{
  font-size:16px!important;
}
#achievementPage .engine-node.n1{top:10px!important}
#achievementPage .engine-node.n2{top:58px!important;right:2px!important}
#achievementPage .engine-node.n3{bottom:52px!important;right:4px!important}
#achievementPage .engine-node.n4{bottom:8px!important}
#achievementPage .engine-node.n5{bottom:52px!important;left:4px!important}
#achievementPage .engine-node.n6{top:58px!important;left:2px!important}

@media (max-width:1050px){
  #achievementPage .engine-hero{
    grid-template-columns:minmax(0,1fr) 280px!important;
    min-height:288px!important;
  }
  #achievementPage .engine-core{
    min-height:210px!important;
  }
  #achievementPage .engine-core::before{width:205px!important;height:205px!important}
  #achievementPage .engine-core::after{width:148px!important;height:148px!important}
  #achievementPage .engine-center{width:94px!important;height:94px!important}
}

@media (max-width:760px){
  :scope.achievement-page-active > .app{
    width:100%!important;
    max-width:none!important;
  }
  #achievementPage .achievement-page-shell{
    padding-top:calc(env(safe-area-inset-top,0px) + 4px)!important;
  }
  #achievementPage .achievement-page-topbar{
    min-height:52px!important;
    padding:6px 8px!important;
    border-radius:17px!important;
  }
  #achievementPage .achievement-back{
    width:36px!important;
    height:36px!important;
  }
  #achievementPage .achievement-page-:scope{
    margin-top:8px!important;
  }
  #achievementPage .engine-hero{
    display:block!important;
    position:relative!important;
    min-height:0!important;
    padding:20px 17px 18px!important;
    overflow:hidden!important;
  }
  #achievementPage .engine-copy{
    position:relative!important;
    z-index:3!important;
  }
  #achievementPage .engine-copy h1{
    max-width:78%!important;
    margin-top:8px!important;
    margin-bottom:8px!important;
  }
  #achievementPage .engine-copy>p{
    max-width:92%!important;
  }
  #achievementPage .engine-copy blockquote{
    max-width:92%!important;
    margin-top:13px!important;
  }
  #achievementPage .engine-core{
    position:absolute!important;
    z-index:1!important;
    right:-46px!important;
    top:-34px!important;
    width:190px!important;
    height:190px!important;
    min-height:0!important;
    opacity:.34!important;
    pointer-events:none!important;
  }
  #achievementPage .engine-core::before{
    width:174px!important;
    height:174px!important;
    
  }
  #achievementPage .engine-core::after{
    width:124px!important;
    height:124px!important;
  }
  #achievementPage .engine-center{
    width:78px!important;
    height:78px!important;
  }
  #achievementPage .engine-center small{
    font-size:9px!important;
  }
  #achievementPage .engine-center strong{
    font-size:12px!important;
  }
  #achievementPage .engine-node{
    display:none!important;
  }
  #achievementPage .engine-axis{
    margin-top:0!important;
  }
}

@media (max-width:390px){
  #achievementPage .engine-copy h1{max-width:84%!important;font-size:29px!important}
  #achievementPage .engine-copy>p,
  #achievementPage .engine-copy blockquote{max-width:100%!important}
  #achievementPage .engine-core{right:-58px!important;top:-42px!important;opacity:.28!important}
}



#achievementPage .achievement-page-shell{
  box-sizing:border-box!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important;
}
#achievementPage .achievement-page-topbar{
  position:sticky!important;
  top:calc(env(safe-area-inset-top,0px) + 6px)!important;
  left:auto!important;right:auto!important;transform:none!important;
  width:100%!important;max-width:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  grid-template-rows:52px!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  min-height:52px!important;height:52px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:18px!important;
}
#achievementPage .achievement-page-topbar::after{
  content:""!important;
  display:block!important;
  grid-column:3!important;
  grid-row:1!important;
  width:40px!important;height:40px!important;
  
}
#achievementPage .achievement-back{
  position:relative!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  grid-column:1!important;grid-row:1!important;
  justify-self:start!important;align-self:center!important;
  width:38px!important;height:38px!important;
  margin:0!important;padding:0!important;
}
#achievementPage .achievement-top-title{
  position:relative!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  grid-column:2!important;grid-row:1!important;
  width:100%!important;min-width:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0!important;text-align:center!important;
}
#achievementPage .achievement-top-title strong{
  display:block!important;
  width:auto!important;
  margin:0!important;padding:0!important;
  font-size:17px!important;line-height:1!important;letter-spacing:.14em!important;
  white-space:nowrap!important;text-align:center!important;
  transform:none!important;
}

#achievementPage .engine-axis{display:none!important}

#achievementPage .engine-node{display:none!important}
#achievementPage .achievement-page-:scope{margin-top:10px!important}
#achievementPage .engine-hero{
  min-height:286px!important;
  grid-template-columns:minmax(0,1fr) 280px!important;
  gap:12px!important;
  padding:22px 24px!important;
  align-items:center!important;
}
#achievementPage .engine-core{min-height:210px!important}
#achievementPage .engine-core::before{width:205px!important;height:205px!important;}
#achievementPage .engine-core::after{width:146px!important;height:146px!important}
#achievementPage .engine-center{width:96px!important;height:96px!important}
#achievementPage .engine-center strong{font-size:14px!important}

@media(max-width:1050px){
  #achievementPage .engine-hero{grid-template-columns:minmax(0,1fr) 230px!important;min-height:264px!important}
  #achievementPage .engine-core{min-height:186px!important}
  #achievementPage .engine-core::before{width:180px!important;height:180px!important}
  #achievementPage .engine-core::after{width:128px!important;height:128px!important}
  #achievementPage .engine-center{width:86px!important;height:86px!important}
}
@media(max-width:760px){
  #achievementPage .achievement-page-shell{padding-top:calc(env(safe-area-inset-top,0px) + 4px)!important}
  #achievementPage .achievement-page-topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    grid-template-rows:48px!important;
    min-height:48px!important;height:48px!important;
    padding:0 7px!important;border-radius:16px!important;
  }
  #achievementPage .achievement-page-topbar::after{width:38px!important;height:38px!important}
  #achievementPage .achievement-back{width:34px!important;height:34px!important}
  #achievementPage .achievement-top-title strong{font-size:16px!important;letter-spacing:.12em!important}
  #achievementPage .achievement-page-:scope{margin-top:8px!important}
  #achievementPage .engine-hero{
    display:block!important;
    min-height:0!important;
    padding:18px 16px 17px!important;
    border-radius:25px!important;
  }
  #achievementPage .engine-copy{padding-right:76px!important}
  #achievementPage .engine-copy h1{
    max-width:none!important;
    margin:7px 0 8px!important;
    font-size:30px!important;
  }
  #achievementPage .engine-copy>p,
  #achievementPage .engine-copy blockquote{max-width:none!important}
  #achievementPage .engine-core{
    position:absolute!important;
    right:-34px!important;top:-28px!important;
    width:150px!important;height:150px!important;min-height:0!important;
    opacity:.26!important;
  }
  #achievementPage .engine-core::before{width:138px!important;height:138px!important;}
  #achievementPage .engine-core::after{width:96px!important;height:96px!important}
  #achievementPage .engine-center{width:64px!important;height:64px!important}
  #achievementPage .engine-center small{font-size:8px!important}
  #achievementPage .engine-center strong{font-size:10px!important}
}
@media(max-width:390px){
  #achievementPage .engine-copy{padding-right:62px!important}
  #achievementPage .engine-copy h1{font-size:28px!important}
  #achievementPage .engine-core{right:-42px!important;top:-32px!important;opacity:.22!important}
}



:scope.v181-profile-busy .page,
:scope.v181-nav-settling .page{
  transition:none!important;
}


:scope.v181-profile-busy .glass,
:scope.v181-profile-busy .energy-hero-card,
:scope.v181-profile-busy .energy-decade-panel,
:scope.v181-profile-busy .energy-trend-card,
:scope.v181-profile-busy .energy-input-panel,
:scope.v181-profile-busy .dojo,
:scope.v181-profile-busy .domain-card,
:scope.v181-profile-busy .mirror-profile-card{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


#v181SkyProxy{
  position:fixed;
  left:0;
  top:calc(-1 * var(--bg-overscan,420px));
  width:100vw;
  height:calc(var(--app-vh,100lvh) + (var(--bg-overscan,420px) * 2));
  z-index:3;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,0,0) scale(1.035) rotate(-.04deg);
  transform-origin:50% 50%;
  will-change:transform,opacity;
  transition:opacity .14s linear,visibility 0s linear .14s;
  animation:v181SkyProxyDrift 8s ease-in-out infinite alternate;
  animation-play-state:paused;
}
:scope.v181-sky-proxy #v181SkyProxy{
  opacity:1;
  visibility:visible;
  animation-play-state:running;
  transition:opacity .08s linear;
}
:scope.v181-sky-proxy #spaceBg,
:scope.v181-sky-proxy #spaceFx{
  opacity:0!important;
}
@keyframes v181SkyProxyDrift{
  0%{transform:translate3d(-.18%,.05%,0) scale(1.035) rotate(-.045deg)}
  100%{transform:translate3d(.18%,-.05%,0) scale(1.035) rotate(.045deg)}
}


:scope.v181-nav-settling .page.active{
  contain:layout style paint;
}

@media (prefers-reduced-motion:reduce){
  #v181SkyProxy{animation:none!important}
}



.energy-palace-linkage-grid{display:grid;gap:6px}
.energy-palace-linkage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:11px;}
.energy-palace-linkage-row>div{min-width:0}
.energy-palace-linkage-row b{display:block;font-size:9px;font-weight:560}
.energy-palace-linkage-row p{margin:4px 0 0;font-size:7.7px;line-height:1.55}
.energy-palace-linkage-row>span{padding:3px 6px;border:1px solid rgba(145,180,221,.08);border-radius:999px;font-size:7px;white-space:nowrap}
.energy-linkage-formula{margin:0 0 8px;padding:8px 9px;border-radius:10px;font-size:8px;line-height:1.6}
.energy-input-head{gap:8px}
.energy-input-head>div:first-child{min-width:0}
.energy-global-input-help-btn{width:19px;height:19px;min-width:19px;display:grid;place-items:center;padding:0;border:1px solid rgba(151,184,224,.12);border-radius:50%;font-size:9px;line-height:1;cursor:pointer}
.energy-global-input-help-btn:active{transform:scale(.92)}
.energy-input-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.energy-input-head-actions>span{font-size:7px;white-space:nowrap}
.energy-input-axis-list{display:grid;gap:6px}
.energy-input-axis-row{padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:10px;}
.energy-input-axis-row-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.energy-input-axis-row-head b{font-size:8.5px;font-weight:550}
.energy-input-axis-row-head span{font-size:7px}
.energy-input-axis-values{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.energy-input-axis-values span{padding:5px 3px;border:1px solid rgba(255,255,255,.035);border-radius:8px;text-align:center;font-size:6.7px}
.energy-input-axis-values b{display:block;margin-top:2px;font-size:9px;font-weight:560}
.energy-autoload-status{margin-top:6px;font-size:7px;line-height:1.5}
@media(max-width:370px){.energy-palace-linkage-row{grid-template-columns:1fr}.energy-palace-linkage-row>span{justify-self:start}.energy-input-head-actions>span{display:none}}



:scope.field-page-active .app>.top{display:none!important;}
:scope.field-page-active .app{
  padding-top:max(8px,env(safe-area-inset-top,0px))!important;
}
#twelveFieldsPage{
  margin:0 -3px;
  padding:0 3px calc(22px + env(safe-area-inset-bottom,0px));
  
}
.field-shell{min-height:calc(var(--app-vh,100lvh) - 104px);}
.field-topbar{
  position:relative;
  min-height:48px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  align-items:center;
  margin-bottom:2px;
}
.field-topbar-title{
  text-align:center;
  font-size:20px;
  line-height:1;
  font-weight:600;
  letter-spacing:.12em;
  
}
.field-profile-trigger{
  grid-column:3;
  justify-self:end;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(213,230,250,.13);
  border-radius:50%;
  
  
  font-size:15px;
  font-weight:650;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.field-mode-tabs{
  position:sticky;
  top:0;
  z-index:18;
  height:46px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:34px;
  margin:0 -5px 17px;
  
}
.field-mode-tab{
  position:relative;
  min-width:48px;
  min-height:44px;
  padding:0 2px;
  border:0;
  
  
  font-size:15px;
  font-weight:540;
}
.field-mode-tab.active{}
.field-mode-tab.active::after{
  content:"";
  position:absolute;
  left:5px;right:5px;bottom:2px;
  height:1px;
  border-radius:999px;
  
  
}
.field-mode-content{animation:fieldFadeIn .22s ease both;}
@keyframes fieldFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.field-page-intro{margin:2px 2px 18px;}
.field-page-intro h2{
  margin:0;
  font-family:"Songti SC","STSong","Noto Serif SC",serif;
  font-size:28px;
  line-height:1.2;
  letter-spacing:.06em;
  font-weight:600;
}
.field-page-intro p{
  margin:8px 0 0;
  
  font-size:15px;
  line-height:1.65;
}
.field-glass{
  border:1px solid rgba(221,235,252,.09);
  
  
  backdrop-filter:blur(14px) saturate(105%);
  -webkit-backdrop-filter:blur(14px) saturate(105%);
}
.field-star-card{position:relative;overflow:hidden;border-radius:20px;padding:14px 10px 15px;margin-bottom:12px;}
.field-star-map{
  position:relative;
  width:min(100%,390px);
  aspect-ratio:1/1;
  margin:0 auto;
}
.field-star-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.field-star-lines line,.field-star-lines circle{
  stroke:rgba(183,207,235,.065);
  stroke-width:.65;
  fill:none;
  vector-effect:non-scaling-stroke;
}
.field-star-lines line.related{stroke:rgba(190,218,246,.22);stroke-width:1;}
.field-star-center{
  position:absolute;
  left:50%;top:50%;
  width:66px;height:66px;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  border:1px solid rgba(209,228,249,.14);
  border-radius:50%;
  
  
  font-size:16px;
  letter-spacing:.12em;
  pointer-events:none;
}
.field-star-center::before,.field-star-center::after{
  content:"";position:absolute;border:1px solid rgba(185,215,246,.08);border-radius:50%;
}
.field-star-center::before{inset:-9px}.field-star-center::after{inset:-19px}
.field-star-node{
  position:absolute;
  width:54px;height:54px;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:0;
  border:0;
  touch-action:manipulation;
}
.field-star-node .dot{
  position:relative;
  width:10px;height:10px;border-radius:50%;
  border:1px solid rgba(220,237,255,.32);
  
  
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.field-star-node .label{
  margin-top:5px;
  font-size:13px;
  line-height:1;
  
  white-space:nowrap;
  transition:color .18s ease,opacity .18s ease;
}
.field-star-node.selected .dot{transform:scale(1.35);}
.field-star-node.selected .label{font-weight:600;}
.field-star-node.current .dot::after{
  content:"";position:absolute;inset:-10px;border:1px solid rgba(172,212,250,.19);border-radius:50%;animation:fieldBreath 4.2s ease-in-out infinite;
}
.field-star-node.lifetime .dot{outline:1px solid rgba(200,216,246,.24);outline-offset:5px;}
.field-star-node.focus .dot::before{
  content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:-9px;top:-7px;
}
.field-star-node.dim{opacity:.30;}
@keyframes fieldBreath{0%,100%{transform:scale(.76);opacity:.28}50%{transform:scale(1.18);opacity:.9}}
.field-node-self .dot,.field-card-system-self{--field-accent:186,218,246}
.field-node-social .dot,.field-card-system-social{--field-accent:180,165,211}
.field-node-action .dot,.field-card-system-action{--field-accent:209,187,137}
.field-node-world .dot,.field-card-system-world{--field-accent:144,194,181}
.field-star-node .dot{}
.field-star-node.selected .dot{}
.field-selected-copy{
  margin:3px 5px 0;
  padding:13px 12px 0;
  border-top:1px solid rgba(255,255,255,.055);
}
.field-selected-copy strong{display:block;font-size:18px;font-weight:600;}
.field-selected-copy p{margin:7px 0 12px;font-size:15px;line-height:1.66;}
.field-enter-btn,.field-main-action,.field-soft-action{
  min-height:44px;
  border-radius:13px;
  font-size:15px;
  font-weight:560;
}
.field-enter-btn,.field-main-action{
  width:100%;border:1px solid rgba(187,216,247,.16);
}
.field-focus-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
  padding:9px;border-radius:18px;margin-bottom:18px;
}
.field-focus-item{
  min-width:0;min-height:76px;padding:10px 8px;
  border:1px solid rgba(255,255,255,.055);border-radius:12px;text-align:left;
}
.field-focus-item small{display:block;font-size:14px;line-height:1.25;}
.field-focus-item b{display:block;margin-top:7px;font-size:15px;line-height:1.25;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.field-focus-item em{display:block;margin-top:5px;font-size:13px;font-style:normal;}
.field-section{margin-top:20px;}
.field-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 3px 10px;}
.field-section-head h3{margin:0;font-size:19px;font-weight:600;}
.field-section-head p{margin:0;font-size:14px;line-height:1.4;text-align:right;}
.field-system-group{margin-top:15px;}
.field-system-copy{margin:0 2px 8px;}
.field-system-copy strong{font-size:18px;font-weight:600;}
.field-system-copy p{margin:4px 0 0;font-size:14px;line-height:1.55;}
.field-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.field-mini-card{
  position:relative;overflow:hidden;min-width:0;height:118px;
  display:flex;flex-direction:column;align-items:flex-start;
  padding:11px 9px 9px;
  border:1px solid rgba(var(--field-accent,186,218,246),.10);
  border-radius:16px;
  
  text-align:left;
}
.field-mini-card::after{content:"";position:absolute;left:9px;right:9px;top:0;height:1px;}
.field-mini-icon{width:27px;height:27px;}
.field-mini-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
.field-mini-card strong{margin-top:7px;font-size:16px;font-weight:600;line-height:1;}
.field-mini-card .keyword{margin-top:6px;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.field-status{
  margin-top:auto;display:inline-flex;align-items:center;min-height:22px;padding:0 6px;border-radius:999px;
  border:1px solid rgba(var(--field-accent,186,218,246),.12);font-size:13px;line-height:1;
  white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;
}
.field-cross-card{border-radius:19px;padding:15px 13px;margin-top:20px;}
.field-cross-card h3{margin:0;font-size:19px;font-weight:600;}
.field-cross-card p{margin:6px 0 12px;font-size:14px;line-height:1.55;}
.field-cross-input{display:flex;gap:7px;}
.field-cross-input input{
  min-width:0;flex:1;height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;outline:0;font-size:15px;
}
.field-cross-input button{flex:0 0 54px;height:46px;border:1px solid rgba(180,211,243,.14);border-radius:13px;font-size:15px;}
.field-cross-result{margin-top:11px;padding:12px;border-top:1px solid rgba(255,255,255,.055);font-size:15px;line-height:1.7;}
.field-cross-result strong{}
.field-no-profile{padding:15px;border-radius:18px;margin-bottom:14px;text-align:center;}
.field-no-profile h3{margin:0;font-size:20px;}.field-no-profile p{margin:7px 0 12px;font-size:14px;line-height:1.6;}
.field-now-hero{border-radius:20px;padding:18px 15px 16px;margin-bottom:12px;}
.field-now-hero small{font-size:14px;}.field-now-hero h2{margin:6px 0 8px;font-family:"Songti SC","STSong",serif;font-size:27px;font-weight:600;line-height:1.28;}
.field-now-hero p{margin:0;font-size:16px;line-height:1.7;}
.field-why{margin-top:13px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px;}
.field-why summary{min-height:44px;display:flex;align-items:center;font-size:15px;cursor:pointer;}
.field-why p{margin:2px 0 0;font-size:14px;line-height:1.7;}
.field-lesson-card{border-radius:20px;padding:16px 14px;margin-top:12px;}
.field-lesson-card small{font-size:14px;}.field-lesson-card h3{margin:7px 0 14px;font-size:20px;line-height:1.45;font-weight:600;}
.field-three-steps{display:grid;gap:8px;}
.field-three-steps div{padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:12px;}
.field-three-steps b{display:block;font-size:14px;font-weight:540;}.field-three-steps span{display:block;margin-top:4px;font-size:15px;line-height:1.58;}
.field-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.field-related-grid button{min-height:78px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:14px;text-align:left;}
.field-related-grid b{display:block;font-size:16px}.field-related-grid span{display:block;margin-top:5px;font-size:13px;line-height:1.4;}
.field-action-card{border-radius:20px;padding:16px 14px;margin-top:14px;}
.field-action-card>small{font-size:14px}.field-action-card h3{margin:7px 0 8px;font-size:19px}.field-action-card p{margin:0;font-size:15px;line-height:1.68;}
.field-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;}
.field-action-buttons button{min-height:44px;border-radius:12px;font-size:14px;}
.field-action-buttons .start{grid-column:1/-1;border:1px solid rgba(178,211,246,.16);}
.field-action-buttons .done,.field-action-buttons .skip{border:1px solid rgba(255,255,255,.065);}
.field-stage-card{border-radius:19px;padding:15px 14px;margin-top:14px;}
.field-stage-card h3{margin:0 0 12px;font-size:18px;}.field-stage-list{display:grid;gap:7px;}
.field-stage-row{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:center;min-height:38px;}
.field-stage-row i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:50%;font-style:normal;font-size:12px;}.field-stage-row span{font-size:14px;}
.field-stage-row.active{}.field-stage-row.active i{}
.field-footprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.field-footprint-card{min-height:92px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:14px;text-align:left;}
.field-footprint-card b{display:block;font-size:15px;}.field-footprint-card span{display:block;margin-top:6px;font-size:13px;line-height:1.35;}.field-footprint-card.stage-2{}.field-footprint-card.stage-3{}.field-footprint-card.stage-4{}.field-footprint-card.stage-5{}
.field-timeline{display:grid;gap:0;border-left:1px solid rgba(255,255,255,.065);margin-left:9px;padding-left:16px;}
.field-timeline-item{position:relative;padding:0 0 17px;}.field-timeline-item::before{content:"";position:absolute;left:-20px;top:5px;width:7px;height:7px;border-radius:50%;}
.field-timeline-item time{font-size:13px;}.field-timeline-item b{display:block;margin-top:4px;font-size:15px}.field-timeline-item p{margin:5px 0 0;font-size:14px;line-height:1.55}
.field-empty-note{padding:16px;border:1px dashed rgba(255,255,255,.065);border-radius:14px;font-size:14px;line-height:1.6;text-align:center;}
.field-correction-card{border-radius:18px;padding:14px;margin-top:14px}.field-correction-card h3{margin:0 0 11px;font-size:18px}.field-correction-options{display:flex;flex-wrap:wrap;gap:6px}.field-correction-options button{min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;font-size:14px}.field-correction-options button.active{}
.field-add-witness{margin-top:10px;width:100%;min-height:44px;border:1px solid rgba(255,255,255,.065);border-radius:12px;font-size:15px;}

.field-detail{animation:fieldFadeIn .22s ease both;}
.field-detail-head{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;min-height:52px;margin:0 -3px 8px;}
.field-detail-back,.field-detail-share{width:44px;height:44px;border:0;font-size:21px}.field-detail-head strong{text-align:center;font-size:18px;font-weight:600;letter-spacing:.08em}
.field-door{border-radius:22px;padding:19px 15px;margin-bottom:10px}.field-door .state{font-size:14px;}.field-door h1{margin:7px 0 5px;font-family:"Songti SC","STSong",serif;font-size:29px;font-weight:600}.field-door h2{margin:0;font-size:16px;font-weight:520;line-height:1.5}.field-door blockquote{margin:14px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.06);font-size:17px;line-height:1.72}
.field-detail-section{border-radius:18px;padding:15px 14px;margin-top:9px}.field-detail-section>small{font-size:14px}.field-detail-section h3{margin:6px 0 10px;font-size:20px;font-weight:600}.field-detail-section p{margin:0;font-size:15px;line-height:1.74}.field-detail-section ul{margin:8px 0 0;padding-left:19px;}.field-detail-section li{margin:7px 0;font-size:15px;line-height:1.62}
.field-loop{display:grid;gap:6px}.field-loop div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045)}.field-loop div:last-child{border-bottom:0}.field-loop b{font-size:14px}.field-loop span{font-size:15px;line-height:1.55}
.field-ability-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.field-ability-links div{padding:10px 8px;border:1px solid rgba(255,255,255,.055);border-radius:12px;}.field-ability-links b{display:block;font-size:14px}.field-ability-links span{display:block;margin-top:5px;font-size:13px}
.field-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.field-connect-grid button{min-height:48px;padding:7px;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:14px}

.field-modal{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;justify-content:center;padding:14px 12px calc(94px + env(safe-area-inset-bottom,0px));}
.field-modal.open{display:flex}.field-modal-panel{width:min(520px,100%);max-height:min(72vh,650px);overflow:auto;padding:15px;border:1px solid rgba(207,228,250,.12);border-radius:22px;}
.field-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.field-modal-head h3{margin:0;font-size:19px}.field-modal-close{width:40px;height:40px;border:0;border-radius:50%;font-size:20px}
.field-modal-list{display:grid;gap:6px}.field-modal-list button{min-height:50px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;text-align:left;font-size:15px}.field-modal-list button small{display:block;margin-top:4px;font-size:13px}.field-modal-textarea{width:100%;min-height:104px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;outline:0;font:inherit;font-size:15px;line-height:1.6;resize:vertical}.field-modal-save{width:100%;min-height:46px;margin-top:9px;border:1px solid rgba(182,213,244,.15);border-radius:13px;font-size:15px}
@media(max-width:390px){
  .field-page-intro h2{font-size:26px}.field-page-intro p{font-size:14px}.field-mode-tabs{gap:26px}.field-mini-card{height:114px;padding-left:8px;padding-right:8px}.field-mini-card strong{font-size:15px}.field-mini-card .keyword,.field-status{font-size:13px}.field-star-node .label{font-size:12.5px}.field-focus-item{padding-left:7px;padding-right:7px}.field-focus-item small{font-size:13px}.field-focus-item b{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.field-mode-content,.field-detail{animation:none!important}.field-star-node.current .dot::after{animation:none!important}.field-star-node,.field-star-node *{transition:none!important}}



.field-home-back{
  grid-column:1;justify-self:start;width:42px;height:42px;padding:0;
  border:1px solid rgba(213,230,250,.12);border-radius:50%;
  font-size:30px;line-height:1;
  display:grid;place-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.twelve-fields-page{margin:0!important;padding:0 3px calc(22px + env(safe-area-inset-bottom,0px))!important;}
:scope.field-page-active .bottom{opacity:0;pointer-events:none;transform:translateY(16px);}


.energy-cog-node-grid{display:grid;gap:7px}
.energy-cog-node{padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:12px;}
.energy-cog-node-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.energy-cog-node-head b{font-size:9px;font-weight:600}.energy-cog-node-head span{font-size:9px;}
.energy-cog-node p{margin:5px 0 0;font-size:7.5px;line-height:1.58}
.energy-cog-support{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}
.energy-cog-support span{padding:5px 4px;border:1px solid rgba(255,255,255,.035);border-radius:8px;font-size:6.7px;text-align:center;line-height:1.35}
.energy-cog-event{padding:7px 8px;border-left:1px solid rgba(146,177,211,.13);font-size:7.1px;line-height:1.52}
.energy-cog-event b{font-weight:550}



.home-mirror-library-btn{
  display:none;
  flex:0 0 42px;
  width:42px;
  height:42px;
  padding:0;
  place-items:center;
  border:1px solid rgba(168,205,239,.10);
  border-radius:15px;
  
  
  
  -webkit-tap-highlight-
}
:scope.home-page-active .home-mirror-library-btn{
  display:grid;
}
.home-mirror-library-btn svg{
  width:26px;
  height:26px;
  overflow:visible;
}
.home-mirror-library-btn .mirror-icon-back,
.home-mirror-library-btn .mirror-icon-front{
  fill:rgba(8,18,31,.24);
  stroke:rgba(202,225,247,.76);
  stroke-width:1.15;
}
.home-mirror-library-btn .mirror-icon-back{opacity:.28}
.home-mirror-library-btn .mirror-icon-front{fill:rgba(111,165,220,.035)}
.home-mirror-library-btn .mirror-icon-head{
  fill:rgba(214,234,251,.86);
}
.home-mirror-library-btn .mirror-icon-:scope,
.home-mirror-library-btn .mirror-icon-glint{
  fill:none;
  stroke:rgba(196,221,244,.78);
  stroke-width:1.15;
  stroke-linecap:round;
}
.home-mirror-library-btn .mirror-icon-glint{stroke:rgba(150,205,246,.82)}
.home-mirror-library-btn:active{
  transform:scale(.94);
  
  
}


#mirrorLibraryPage{
  padding-bottom:10px;
}
.mirror-library-shell{
  display:grid;
  gap:13px;
  padding:2px 0 14px;
}
.mirror-library-topbar{
  position:relative;
  min-height:82px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  gap:11px;
  padding:12px 13px;
  border:1px solid rgba(163,198,235,.085);
  border-radius:22px;
  
  
  overflow:hidden;
}
.mirror-library-topbar::after{
  content:"";
  position:absolute;
  left:68px;
  right:68px;
  bottom:0;
  height:1px;
  
}
.mirror-library-back{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(158,195,231,.09);
  border-radius:13px;
  
  
}
.mirror-library-back svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mirror-library-heading{
  min-width:0;
  text-align:left;
}
.mirror-library-heading small{
  display:block;
  
  font-size:7.5px;
  letter-spacing:.18em;
}
.mirror-library-heading h2{
  margin:4px 0 0;
  
  font-size:20px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.08em;
}
.mirror-library-heading p{
  margin:5px 0 0;
  
  font-size:9px;
  line-height:1.45;
}
.mirror-library-mark{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:1px solid rgba(156,197,235,.09);
  border-radius:13px;
  
}
.mirror-library-mark svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:rgba(181,211,239,.65);
  stroke-width:1.05;
  stroke-linecap:round;
}
.mirror-library-mark circle{fill:rgba(196,222,244,.72);stroke:none}

#mirrorLibraryPage #savedProfile{
  margin-top:0!important;
}
#mirrorLibraryPage .profile-library-head{
  margin-top:0;
}
#mirrorLibraryPage .profile-library-head>h3{
  font-size:16px;
  letter-spacing:.045em;
}
#mirrorLibraryPage .profile-grid{
  padding-bottom:2px;
}
.mirror-library-add-area{
  display:flex;
  justify-content:center;
  padding:4px 0 2px;
}
#mirrorLibraryPage .mirror-library-add-btn{
  width:min(100%,330px)!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:14px!important;
  border:1px solid rgba(151,194,235,.12)!important;
  
  
}
#mirrorLibraryPage .mirror-library-add-btn b{
  font-size:11px!important;
  letter-spacing:.045em!important;
}
#mirrorLibraryPage .mirror-library-add-btn .add-profile-plus{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
#mirrorLibraryPage .mirror-library-add-btn.hidden{
  display:flex!important;
}


:scope:not(.profile-page-active) #profileBottomTools{
  display:none!important;
}

@media(max-width:390px){
  .home-mirror-library-btn{width:40px;height:40px;flex-basis:40px;border-radius:14px}
  .home-mirror-library-btn svg{width:24px;height:24px}
  .mirror-library-topbar{grid-template-columns:39px minmax(0,1fr) 39px;padding:11px}
  .mirror-library-heading h2{font-size:19px}
  .mirror-library-heading p{font-size:8.5px}
}





:scope.mirror-library-page-active > .app > .top{
  display:none!important;
}
@supports selector(:scope:has(#mirrorLibraryPage.active)){
  :scope:has(#mirrorLibraryPage.active) > .app > .top{
    display:none!important;
  }
}


#mirrorLibraryPage .mirror-library-shell{
  position:relative!important;
  gap:11px!important;
  padding-top:0!important;
}
#mirrorLibraryPage .mirror-library-topbar{
  min-height:84px!important;
  grid-template-columns:42px minmax(0,1fr) 98px!important;
  gap:11px!important;
  padding:12px 13px!important;
  overflow:visible!important;
}
#mirrorLibraryPage .mirror-library-heading{
  padding-right:2px!important;
}


#mirrorLibraryPage .mirror-library-mark{
  display:none!important;
}


#mirrorLibraryPage #savedProfile .profile-library-head{
  position:static!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:visible!important;
}
#mirrorLibraryPage #savedProfile .profile-library-head > h3{
  display:none!important;
}


#mirrorLibraryPage #savedProfile .profile-search-anchor{
  position:absolute!important;
  top:25px!important;
  right:65px!important;
  z-index:72!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
}
#mirrorLibraryPage #savedProfile .profile-search-icon-btn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:11px!important;
  
  
  
  
}
#mirrorLibraryPage #savedProfile .profile-search-icon-btn:hover,
#mirrorLibraryPage #savedProfile .profile-search-icon-btn[aria-expanded="true"]{
  
  
  
}
#mirrorLibraryPage #savedProfile .profile-search-icon-svg{
  width:17px!important;
  height:17px!important;
  stroke-width:1.55!important;
}


#mirrorLibraryPage #savedProfile .profile-search-popover{
  top:-1px!important;
  right:42px!important;
  z-index:71!important;
}


#mirrorLibraryPage .mirror-library-add-area{
  position:absolute!important;
  top:25px!important;
  right:13px!important;
  z-index:73!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn{
  position:relative!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(158,201,237,.14)!important;
  
  
  overflow:visible!important;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn::before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(153,205,242,.10);
  border-radius:50%;
  pointer-events:none;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn > span:not(.add-profile-plus){
  display:none!important;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn .add-profile-plus{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  flex:none!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  
  -webkit-background-clip:text!important;
  background-clip:text!important;
  
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
  font-size:25px!important;
  line-height:29px!important;
  font-weight:220!important;
  letter-spacing:0!important;
  
  transform:translateY(-1px)!important;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn:active{
  transform:scale(.92)!important;
  
  
}


#mirrorLibraryPage #savedProfile .profile-search-anchor,
#mirrorLibraryPage .mirror-library-add-area{
  -webkit-tap-highlight-
}


#mirrorLibraryPage #savedProfile .profile-group-row{
  margin-top:0!important;
}

@media(max-width:390px){
  #mirrorLibraryPage .mirror-library-topbar{
    grid-template-columns:39px minmax(0,1fr) 94px!important;
    padding:11px!important;
  }
  #mirrorLibraryPage #savedProfile .profile-search-anchor{
    top:24px!important;
    right:62px!important;
  }
  #mirrorLibraryPage .mirror-library-add-area{
    top:24px!important;
    right:11px!important;
  }
  #mirrorLibraryPage .mirror-library-heading h2{
    font-size:19px!important;
  }
  #mirrorLibraryPage .mirror-library-heading p{
    font-size:8.5px!important;
  }
}





:scope.mirror-form-page-active #soundToggleBtn,
:scope.mirror-form-page-active .header-sound-btn{
  display:none!important;
}


#profilePage #profileFormCard .profile-name-gender-row{
  grid-template-columns:minmax(0,1.34fr) minmax(92px,.66fr)!important;
  gap:8px!important;
}
#profilePage #profileFormCard .profile-time-group-row{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
}
#profilePage #profileFormCard .profile-name-field,
#profilePage #profileFormCard .profile-gender-field,
#profilePage #profileFormCard .profile-group-field{
  min-width:0!important;
}
#profilePage #profileFormCard .profile-group-select-wrap{
  grid-template-columns:minmax(0,1fr) 34px!important;
  gap:5px!important;
}
#profilePage #profileFormCard #generateBtn{
  min-height:42px!important;
  height:42px!important;
  margin-top:12px!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
}


#mirrorLibraryPage,
#profilePage{
  will-change:auto;
  backface-visibility:hidden;
}
:scope.edge-back-dragging #mirrorLibraryPage.active,
:scope.edge-back-dragging #profilePage.active{
  will-change:transform,opacity;
}

@media(max-width:390px){
  #profilePage #profileFormCard .profile-name-gender-row{
    grid-template-columns:minmax(0,1.28fr) minmax(86px,.72fr)!important;
    gap:7px!important;
  }
  #profilePage #profileFormCard .profile-time-group-row{
    gap:7px!important;
  }
  #profilePage #profileFormCard .profile-group-select-wrap{
    grid-template-columns:minmax(0,1fr) 32px!important;
    gap:4px!important;
  }
  #profilePage #profileFormCard .profile-group-manage-mini{
    width:32px!important;
    min-width:32px!important;
  }
}





#homePage .mirror-caption .home-raw-chart-btn{
  flex:0 0 31px!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  margin:-1px 1px 0 12px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  
  opacity:1!important;
  
  
  position:relative;
  z-index:3;
}
#homePage .mirror-caption .home-raw-chart-btn::before{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid rgba(151,193,235,.08);
  border-radius:50%;
  opacity:.72;
  transform:scale(.92);
  transition:transform .22s ease,border-color .22s ease,opacity .22s ease;
}
#homePage .mirror-caption .home-raw-chart-btn .raw-star-icon{
  position:relative;
  z-index:1;
  font-size:23px!important;
  line-height:1!important;
  
  
  transform:translateY(-1px)!important;
}
#homePage .mirror-caption .home-raw-chart-btn:active{
  transform:scale(.94)!important;
}
#homePage .mirror-caption .home-raw-chart-btn:active::before{
  transform:scale(1)!important;
  
  opacity:1!important;
}


#profileBottomTools,
#originalChartSection{
  pointer-events:none!important;
}
#originalChartSection:empty{
  display:none!important;
}


:scope.mirror-form-page-active .bottom .nav[data-page="profilePage"],
:scope.mirror-form-page-active .bottom .nav[data-page="profilePage"].active{
  
  
  
}



:scope{
  --raw-keyboard-inset:0px;
}


:scope.raw-chart-page-active .raw-chart-mobile-nav{
  z-index:430!important;
  
  border-top:1px solid rgba(153,191,224,.10)!important;
  
  backdrop-filter:blur(15px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(108%)!important;
}


:scope.raw-chart-page-active .raw-chart-sheet,
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  z-index:360!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:var(--raw-chart-nav-h,50px)!important;
  inset:0 0 var(--raw-chart-nav-h,50px) 0!important;
  padding:0 8px!important;
  
  backdrop-filter:blur(2px) saturate(102%)!important;
  -webkit-backdrop-filter:blur(2px) saturate(102%)!important;
}

:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  width:min(calc(100% - 4px),744px)!important;
  max-height:min(560px,calc(var(--app-vh,100lvh) - 118px))!important;
  margin:0 auto 2px!important;
  padding:15px 14px 14px!important;
  border-radius:22px!important;
  border:1px solid rgba(160,200,233,.13)!important;
  
  
  backdrop-filter:blur(20px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(112%)!important;
}

:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-head{
  padding:1px 1px 11px!important;
  border-bottom:1px solid rgba(148,188,219,.075)!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-head strong{
  
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.10em!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-head small{
  
  font-size:9.5px!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters button{
  border-radius:999px!important;
  
  
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters button.active{
  
  
  
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-wrap{
  border-radius:14px!important;
  
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-item{
  border-radius:14px!important;
  
  
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-item.current{
  
  
  
}


:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] [data-raw-profile-search]{
  font-size:16px!important;
  line-height:1!important;
  touch-action:manipulation!important;
}
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded,
:scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value{
  width:168px!important;
}


:scope.raw-chart-search-focus #chartPage,
:scope.raw-chart-search-focus #rawChartPageBody,
:scope.raw-chart-search-focus #rawAstrolabeCard,
:scope.raw-chart-search-focus #rawAstrolabeGrid{
  max-height:none!important;
  transform:none!important;
}

@media(max-width:390px){
  :scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
    padding:13px 11px 12px!important;
    border-radius:19px!important;
  }
  :scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.expanded,
  :scope.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact.has-value{
    width:148px!important;
  }
}


:scope{--raw-chart-nav-h:50px!important;--raw-sheet-keyboard-shift:0px;}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav,
:scope.raw-chart-page-active .raw-chart-mobile-nav{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  width:100vw!important;height:var(--raw-chart-nav-h)!important;min-height:var(--raw-chart-nav-h)!important;max-height:var(--raw-chart-nav-h)!important;
  z-index:2147483647!important;isolation:isolate!important;transform:none!important;
}
:scope.raw-chart-menu-open .raw-chart-mobile-nav{
  
  border-top:1px solid rgba(159,202,235,.11)!important;
  
  -webkit-backdrop-filter:blur(15px) saturate(108%)!important;backdrop-filter:blur(15px) saturate(108%)!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-sheet{
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:var(--raw-chart-nav-h)!important;
  inset:0 0 var(--raw-chart-nav-h) 0!important;z-index:2147483600!important;padding:0 6px!important;
  align-items:flex-end!important;justify-content:center!important;overflow:visible!important;
  -webkit-backdrop-filter:blur(1.5px) saturate(102%)!important;backdrop-filter:blur(1.5px) saturate(102%)!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"]{
  top:0!important;left:0!important;right:0!important;bottom:var(--raw-chart-nav-h)!important;
  inset:0 0 var(--raw-chart-nav-h) 0!important;padding:0 6px!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  width:min(calc(100% - 2px),744px)!important;
  max-height:min(560px,calc(var(--app-vh,100lvh) - var(--raw-chart-nav-h) - 34px))!important;
  margin:0 auto!important;padding:15px 14px 13px!important;border-radius:23px 23px 0 0!important;
  border:1px solid rgba(164,204,236,.13)!important;border-bottom-
  
  
  -webkit-backdrop-filter:blur(21px) saturate(116%)!important;backdrop-filter:blur(21px) saturate(116%)!important;transform-origin:center bottom!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  max-height:min(430px,calc(var(--app-vh,100lvh) - 220px))!important;
}
:scope.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  animation:none!important;transform:translate3d(0,var(--raw-sheet-keyboard-shift,0px),0)!important;transition:none!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  top:auto!important;left:auto!important;right:4px!important;bottom:var(--raw-chart-nav-h)!important;
  inset:auto 4px var(--raw-chart-nav-h) auto!important;width:min(34vw,210px)!important;height:auto!important;min-height:0!important;
  padding:0!important;align-items:flex-end!important;justify-content:flex-end!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none!important;overflow:visible!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"].open{display:flex!important;}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  width:100%!important;margin:0!important;padding:9px 8px 8px!important;pointer-events:auto!important;
  border:1px solid rgba(161,202,233,.14)!important;border-bottom-border-radius:18px 18px 3px 3px!important;
  
  
  -webkit-backdrop-filter:blur(20px) saturate(116%)!important;backdrop-filter:blur(20px) saturate(116%)!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-tool-sheet-head{
  min-height:31px!important;margin:0 1px 7px!important;padding:1px 2px 7px!important;border-bottom:1px solid rgba(157,197,227,.085)!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-tool-sheet-head strong{font-size:12.5px!important;font-weight:650!important;letter-spacing:.12em!important;}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-close{}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list{gap:5px!important;}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list button{
  min-height:38px!important;border-radius:10px!important;
  
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list button:active{}
#chartPage.raw-profile-switching #rawAstrolabeGrid{opacity:.88!important;transition:opacity .08s linear!important;filter:none!important;}
#chartPage.raw-profile-switched #rawAstrolabeGrid{animation:v127ProfileFastIn .10s ease-out both!important;}
@keyframes v127ProfileFastIn{from{opacity:.90}to{opacity:1}}
@media(max-width:380px){
  :scope{--raw-chart-nav-h:49px!important;}
  :scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{right:3px!important;inset:auto 3px var(--raw-chart-nav-h) auto!important;width:min(38vw,184px)!important;}
  :scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{padding:13px 11px 12px!important;border-radius:20px 20px 0 0!important;}
}



:scope{
  
  --raw-chart-nav-h:calc(50px + env(safe-area-inset-bottom,0px))!important;
}


:scope.raw-chart-page-active #chartPage.page.active{
  position:relative!important;
  z-index:20000!important;
  contain:none!important;
  isolation:isolate!important;
}
:scope.raw-chart-page-active.raw-profile-sheet-open #chartPage,
:scope.raw-chart-page-active.raw-chart-menu-open #chartPage{
  position:relative!important;
  z-index:20000!important;
}
:scope.raw-chart-page-active.raw-chart-menu-open #rawSelfArrowOverlay,
:scope.raw-chart-page-active.raw-profile-sheet-open #rawSelfArrowOverlay{
  z-index:19000!important;
}


:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:500!important;
  width:100vw!important;
  height:var(--raw-chart-nav-h,50px)!important;
  min-height:var(--raw-chart-nav-h,50px)!important;
  max-height:var(--raw-chart-nav-h,50px)!important;
  padding:3px max(8px,env(safe-area-inset-right,0px)) max(3px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;
  
  border-top:1px solid rgba(159,207,239,.13)!important;
  
  -webkit-backdrop-filter:blur(15px) saturate(112%)!important;
  backdrop-filter:blur(15px) saturate(112%)!important;
  mix-blend-mode:normal!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  
  
  pointer-events:auto!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button i{
  
  opacity:1!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button.active{
  
  
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"]{
  z-index:300!important;
  position:fixed!important;
  inset:0 0 var(--raw-chart-nav-h,50px) 0!important;
  bottom:var(--raw-chart-nav-h,50px)!important;
  padding:0 6px!important;
  
  -webkit-backdrop-filter:blur(1px) saturate(102%)!important;
  backdrop-filter:blur(1px) saturate(102%)!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  margin:0 auto!important;
  border-radius:23px 23px 0 0!important;
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  z-index:420!important;
  position:fixed!important;
  top:auto!important;
  left:auto!important;
  right:4px!important;
  bottom:var(--raw-chart-nav-h,50px)!important;
  inset:auto 4px var(--raw-chart-nav-h,50px) auto!important;
  width:min(36vw,210px)!important;
  height:auto!important;
  padding:0!important;
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  pointer-events:auto!important;
  margin:0!important;
  padding:8px!important;
  border-radius:18px 18px 2px 2px!important;
  
  border:1px solid rgba(165,207,237,.14)!important;
  border-bottom-
  
  -webkit-backdrop-filter:blur(20px) saturate(116%)!important;
  backdrop-filter:blur(20px) saturate(116%)!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-tool-sheet-head,
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-close{
  display:none!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list{
  margin:0!important;
  gap:5px!important;
}


#chartPage.raw-profile-switching #rawAstrolabeGrid{
  opacity:.94!important;
  filter:none!important;
  transition:opacity .045s linear!important;
}
#chartPage.raw-profile-switching #rawSelfArrowOverlay{visibility:hidden!important;}


:scope.home-page-active:not(.raw-chart-page-active) > .app > .top{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
:scope.home-page-active:not(.raw-chart-page-active) > .app > .top .brand{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
:scope.home-page-active:not(.raw-chart-page-active) > .app > .top .brand .logo{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
:scope.home-page-active:not(.raw-chart-page-active) #homeMirrorLibraryBtn{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

@media(max-width:380px){
  :scope{--raw-chart-nav-h:calc(49px + env(safe-area-inset-bottom,0px))!important;}
  :scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
    right:3px!important;
    inset:auto 3px var(--raw-chart-nav-h,49px) auto!important;
    width:min(39vw,184px)!important;
  }
}



:scope{
  --raw-chart-nav-h:50px!important;
  --raw-keyboard-inset:0px;
  --raw-visual-vh:100vh;
}


:scope.raw-chart-page-active .app{
  padding-bottom:0!important;
}
:scope.raw-chart-page-active #chartPage.page.active{
  padding-bottom:50px!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  bottom:0!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  padding:3px 8px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  
  border-top:1px solid rgba(168,210,239,.11)!important;
  
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
  overflow:visible!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  min-height:42px!important;
  padding:3px 2px!important;
  border:0!important;
  border-radius:12px!important;
  
  
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button i{
  
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button.active{
  
  
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"]{
  inset:0 0 50px 0!important;
  bottom:50px!important;
  padding:0 6px!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  margin:0 auto!important;
  max-height:min(560px,calc(var(--app-vh,100vh) - 68px))!important;
  transform:none!important;
  transition:none!important;
}


:scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"]{
  bottom:calc(50px + var(--raw-keyboard-inset,0px))!important;
  inset:0 0 calc(50px + var(--raw-keyboard-inset,0px)) 0!important;
}
:scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  max-height:min(560px,calc(var(--raw-visual-vh,100vh) - 18px))!important;
  transform:none!important;
  animation:none!important;
}
:scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  max-height:min(410px,calc(var(--raw-visual-vh,100vh) - 178px))!important;
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  bottom:50px!important;
  inset:auto 4px 50px auto!important;
}


:scope.raw-chart-page-active.raw-chart-search-focus #chartPage,
:scope.raw-chart-page-active.raw-chart-search-focus #rawAstrolabeCard,
:scope.raw-chart-page-active.raw-chart-search-focus #rawAstrolabeGrid,
:scope.raw-chart-page-active.raw-chart-search-focus #rawFortuneHost,
:scope.raw-chart-page-active.raw-chart-search-focus .raw-chart-mobile-nav{
  transform:none!important;
  transition:none!important;
}

@media(max-width:380px){
  :scope{--raw-chart-nav-h:48px!important;}
  :scope.raw-chart-page-active #chartPage.page.active{padding-bottom:48px!important;}
  :scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
    height:48px!important;min-height:48px!important;max-height:48px!important;
  }
  :scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"]{
    bottom:48px!important;inset:0 0 48px 0!important;
  }
  :scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"]{
    bottom:calc(48px + var(--raw-keyboard-inset,0px))!important;
    inset:0 0 calc(48px + var(--raw-keyboard-inset,0px)) 0!important;
  }
  :scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
    bottom:48px!important;inset:auto 3px 48px auto!important;
  }
}





:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  
  -webkit-text-fill-
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button i{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  width:25px!important;
  height:20px!important;
  min-width:25px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  
  -webkit-text-fill-
  font-style:normal!important;
  font-size:0!important;
  line-height:1!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button i::before{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
  font-weight:400!important;
  line-height:1!important;
  
  -webkit-text-fill-
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button[data-raw-bottom-action="back"] i::before{
  content:"‹"!important;
  font-size:25px!important;
  transform:translateY(-1px)!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button[data-raw-bottom-action="profiles"] i::before{
  content:"▤"!important;
  font-size:18px!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button[data-raw-bottom-action="tools"] i::before{
  content:"◇"!important;
  font-size:19px!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  
  -webkit-text-fill-
  font-size:9px!important;
  line-height:1!important;
  font-weight:560!important;
  white-space:nowrap!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button.active span,
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button.active i{
  
  -webkit-text-fill-
}


:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card{
  grid-template-rows:minmax(0,1fr) 190px 0px!important;
  row-gap:11px!important;
  padding-bottom:0!important;
}
:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card::after{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
}
:scope.raw-chart-page-active #rawFortuneHost{
  transform:translate3d(0,3px,0)!important;
  margin:0!important;
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"]{
  bottom:var(--raw-chart-nav-h,50px)!important;
  inset:0 0 var(--raw-chart-nav-h,50px) 0!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-life-archive-head,
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters{
  flex:0 0 auto!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}


:scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"]{
  bottom:var(--raw-chart-nav-h,50px)!important;
  inset:0 0 var(--raw-chart-nav-h,50px) 0!important;
}
:scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  top:var(--raw-profile-panel-fixed-top,auto)!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 16px),744px)!important;
  max-height:var(--raw-profile-panel-keyboard-maxh,560px)!important;
  margin:0!important;
  animation:none!important;
  transition:none!important;
}
:scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  max-height:none!important;
}

@media(max-width:380px){
  :scope.raw-chart-page-active.raw-chart-search-focus #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
    width:calc(100% - 12px)!important;
  }
}



:scope{
  --raw-v131-fortune-shift:0px;
}


:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  padding:3px 8px!important;
  margin:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  transform:none!important;
  overflow:visible!important;
  z-index:2147483640!important;
  isolation:isolate!important;
  border:1px solid rgba(170,210,239,.10)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  
  
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
  
  -webkit-text-fill-
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:2px!important;
  border:0!important;
  border-radius:11px!important;
  
  
  -webkit-text-fill-
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button.active{
  
  
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav .raw-nav-icon-svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  
  -webkit-text-fill-
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav .raw-nav-label{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  
  -webkit-text-fill-
  font-size:9px!important;
  line-height:1!important;
  font-weight:560!important;
  white-space:nowrap!important;
}

:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button>i{
  display:none!important;
}
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button>i::before,
:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav button>i::after{
  content:none!important;
  display:none!important;
}


:scope.raw-chart-page-active #rawFortuneHost{
  transform:translate3d(0,var(--raw-v131-fortune-shift,0px),0)!important;
  will-change:auto!important;
  margin-bottom:0!important;
}





:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


#rawChartGlobalVisibleNav{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  width:100vw;
  height:52px;
  min-height:52px;
  max-height:52px;
  margin:0;
  padding:3px 8px 2px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  box-sizing:border-box;
  overflow:visible;
  z-index:2147483647;
  isolation:isolate;
  border:0;
  border-top:1px solid rgba(176,213,239,.12);
  
  
  -webkit-backdrop-filter:blur(16px) saturate(114%);
  backdrop-filter:blur(16px) saturate(114%);
  pointer-events:auto;
  transform:translateZ(0);
}
:scope.raw-chart-page-active > #rawChartGlobalVisibleNav{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
#rawChartGlobalVisibleNav button{
  appearance:none;
  -webkit-appearance:none;
  min-width:0;
  min-height:46px;
  margin:0;
  padding:2px;
  border:0;
  border-radius:11px;
  
  
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  -webkit-tap-highlight-
  touch-action:manipulation;
}
#rawChartGlobalVisibleNav button.active{
  
  
}
#rawChartGlobalVisibleNav svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
}
#rawChartGlobalVisibleNav span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  
  -webkit-text-fill-
  font-size:9px!important;
  line-height:1!important;
  font-weight:580!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"],
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  bottom:52px!important;
}


:scope.raw-chart-page-active #rawFortuneHost{
  margin-bottom:0!important;
  overflow:visible!important;
}





:scope.raw-chart-page-active #chartPage.page.active{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active #rawChartPageBody,
:scope.raw-chart-page-active .raw-chart-page-shell,
:scope.raw-chart-page-active .raw-chart-page-:scope{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card::after{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  
}


:scope.raw-chart-page-active > #rawChartGlobalVisibleNav{
  
  border-top:1px solid rgba(176,215,241,.10)!important;
  
  -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
  backdrop-filter:blur(12px) saturate(108%)!important;
}
#rawChartGlobalVisibleNav button{
  
}
#rawChartGlobalVisibleNav button.active{
  
}


:scope.raw-chart-page-active #rawFortuneHost,
:scope.raw-chart-page-active #rawFortuneHost .raw-fortune-matrix,
:scope.raw-chart-page-active #rawFortuneHost .raw-fortune-hour{
  overflow:visible!important;
  position:relative;
  z-index:2147483500!important;
}


:scope.raw-chart-page-active #chartPage.raw-profile-switching #rawFortuneHost{
  transition:none!important;
  animation:none!important;
}



:scope{
  --raw-v134-fortune-shift:0px;
}


:scope.raw-chart-page-active > #rawChartGlobalVisibleNav{
  
  
  border:0!important;
  border-top:0!important;
  
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  isolation:auto!important;
}
:scope.raw-chart-page-active > #rawChartGlobalVisibleNav::before,
:scope.raw-chart-page-active > #rawChartGlobalVisibleNav::after{
  content:none!important;
  display:none!important;
}
#rawChartGlobalVisibleNav button,
#rawChartGlobalVisibleNav button.active,
#rawChartGlobalVisibleNav button:focus,
#rawChartGlobalVisibleNav button:active{
  
  
  border:0!important;
  outline:0!important;
}


:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card{
  gap:max(0px,calc(12px - var(--raw-v134-fortune-shift,0px)))!important;
}
:scope.raw-chart-page-active #rawFortuneHost{
  transform:translate3d(0,var(--raw-v134-fortune-shift,0px),0)!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  margin:0!important;
  overflow:visible!important;
}
:scope.raw-chart-page-active #rawFortuneHost *,
:scope.raw-chart-page-active #rawFortuneHost .raw-fortune-matrix{
  transition:none!important;
  animation:none!important;
}


:scope.raw-chart-page-active #chartPage.raw-profile-switching #rawFortuneHost,
:scope.raw-chart-page-active #chartPage.raw-profile-switching #rawAstrolabeCard{
  transition:none!important;
  animation:none!important;
}



:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:
    var(--raw-v135-astro-h,minmax(0,1fr))
    12px
    var(--raw-v135-fortune-h,190px)!important;
  row-gap:0!important;
  column-gap:0!important;
  gap:0!important;
  width:100%!important;
  height:var(--raw-v135-card-h,100%)!important;
  min-height:var(--raw-v135-card-h,0px)!important;
  max-height:var(--raw-v135-card-h,none)!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  contain:layout paint style!important;
}
:scope.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
}
:scope.raw-chart-page-active #rawAstrolabeGrid.raw-astrolabe-grid{
  grid-row:1!important;
  width:100%!important;
  height:var(--raw-v135-astro-h,100%)!important;
  min-height:var(--raw-v135-astro-h,0px)!important;
  max-height:var(--raw-v135-astro-h,none)!important;
  margin:0!important;
  align-self:stretch!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  contain:layout paint style!important;
}
:scope.raw-chart-page-active #rawFortuneHost{
  grid-row:3!important;
  width:100%!important;
  height:var(--raw-v135-fortune-h,190px)!important;
  min-height:var(--raw-v135-fortune-h,190px)!important;
  max-height:var(--raw-v135-fortune-h,190px)!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}


:scope.raw-chart-page-active #rawAstrolabeGrid .raw-palace,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-layer,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-core{
  transition:none!important;
  animation:none!important;
}


:scope.raw-chart-page-active #chartPage.raw-profile-switching #rawAstrolabeCard,
:scope.raw-chart-page-active #chartPage.raw-profile-switching #rawAstrolabeGrid,
:scope.raw-chart-page-active #chartPage.raw-profile-switching .raw-center-layer{
  transition:none!important;
  animation:none!important;
}





:scope.raw-chart-page-active.raw-chart-menu-open #rawSelfArrowOverlay{
  z-index:34!important;
}
:scope.raw-chart-page-active.raw-chart-menu-open #chartPage [data-raw-chart-sheet="tools"]{
  z-index:2147483647!important;
  isolation:isolate!important;
}


:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid > span,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid small,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid b{
  transition:none!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}


:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:1px!important;
  width:100%!important;
  min-width:0!important;
  padding:1px 0!important;
  contain:layout style!important;
}
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid > span{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:0 1px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:0!important;
  
}
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid small{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:10.2px!important;
  line-height:1!important;
  font-weight:520!important;
  letter-spacing:-.02em!important;
  
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:left!important;
}
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid small::after{
  content:"："!important;
}
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid b{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  
  font-size:var(--raw-v136-time-size,13.2px)!important;
  line-height:1!important;
  font-weight:680!important;
  letter-spacing:-.02em!important;
  font-variant-numeric:tabular-nums!important;
  
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:left!important;
}

@media(max-width:380px){
  :scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid > span{
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
  }
  :scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-timegrid small{
    font-size:9.6px!important;
  }
}



:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-core:not([data-v136-center-stable="1"]){
  visibility:hidden!important;
}
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-core[data-v136-center-stable="1"]{
  visibility:visible!important;
}
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-name b,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-identity em,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-mastergrid b,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-pillarcell b,
:scope.raw-chart-page-active #rawAstrolabeGrid .raw-center-brandline strong{
  transition:none!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}



:scope.mirror-library-page-active > .bottom,
:scope:has(#mirrorLibraryPage.active) > .bottom{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

:scope.mirror-library-page-active > .app,
:scope:has(#mirrorLibraryPage.active) > .app{
  padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
}


#spaceBg,#spaceFx,#screenSky,#v181SkyProxy{
  transform:translate3d(0,0,0)!important;
  transform-origin:50% 50%!important;
}
#v181SkyProxy{
  animation:none!important;
  will-change:opacity!important;
}
:scope.v181-sky-proxy #v181SkyProxy{
  transform:translate3d(0,0,0)!important;
  animation:none!important;
}
:scope.v181-nav-settling #spaceBg,
:scope.v181-nav-settling #spaceFx,
:scope.v181-nav-settling #screenSky{
  transform:translate3d(0,0,0)!important;
  transition:none!important;
}


.toast.header-switch-toast{
  position:fixed!important;
  left:50%!important;
  top:var(--v135-header-toast-top,calc(env(safe-area-inset-top,0px) + 20px))!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:2147483000!important;
  max-width:min(62vw,280px)!important;
  min-height:28px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(166,205,238,.12)!important;
  
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  
  
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.025em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}



:scope.mirror-library-page-active{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
:scope.mirror-library-page-active > .app{
  height:var(--app-vh,100lvh)!important;
  min-height:var(--app-vh,100lvh)!important;
  overflow:hidden!important;
}
#mirrorLibraryPage.active{
  height:calc(var(--app-vh,100lvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 26px)!important;
  min-height:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  padding-bottom:0!important;
}
#mirrorLibraryPage .mirror-library-shell{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
  overflow:hidden!important;
  padding-bottom:0!important;
}
#mirrorLibraryPage .mirror-library-topbar{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  z-index:80!important;
  transform:translateZ(0)!important;
}
#mirrorLibraryPage #savedProfile{
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:0 auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
#mirrorLibraryPage #savedProfile.hidden{
  display:grid!important;
}
#mirrorLibraryPage #savedProfile .profile-library-head{
  grid-row:1!important;
}
#mirrorLibraryPage #savedProfile .profile-group-row{
  grid-row:2!important;
  position:relative!important;
  z-index:70!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 0 7px!important;
  
  transform:translateZ(0)!important;
}
#mirrorLibraryPage #profileSummary{
  grid-row:3!important;
  min-height:0!important;
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  padding:1px 1px 12px!important;
  scroll-padding-top:2px!important;
  scrollbar-width:none!important;
}
#mirrorLibraryPage #profileSummary::-webkit-scrollbar{display:none!important}


#mirrorLibraryPage #profileSummary{
  gap:6px!important;
}
#mirrorLibraryPage .mirror-profile-wrap{
  min-height:0!important;
  margin:0!important;
}
#mirrorLibraryPage .mirror-profile-card{
  min-height:56px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:8px 67px 8px 9px!important;
  border-radius:15px!important;
}
#mirrorLibraryPage .profile-avatar{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  font-size:13px!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-copy{
  min-width:0!important;
  align-self:center!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-copy>b{
  font-size:12.5px!important;
  line-height:1.2!important;
  margin:0!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-copy .profile-birth-line{
  display:block!important;
  max-width:100%!important;
  margin-top:4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  
  font-size:8.2px!important;
  line-height:1.28!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-copy .profile-remark-line{
  display:none!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-group-pill{
  top:7px!important;
  right:8px!important;
  max-width:53px!important;
  padding:2px 5px!important;
  font-size:7.5px!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-active-dot{
  right:8px!important;
  bottom:7px!important;
  padding:3px 5px!important;
  font-size:7.5px!important;
}


.toast.v136-profile-switch-toast{
  position:fixed!important;
  left:50%!important;
  top:var(--v136-switch-toast-y,32px)!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:2147483600!important;
  min-height:28px!important;
  max-width:min(66vw,286px)!important;
  padding:6px 12px!important;
  border:1px solid rgba(166,205,238,.12)!important;
  border-radius:999px!important;
  
  -webkit-backdrop-filter:blur(9px) saturate(110%)!important;
  backdrop-filter:blur(9px) saturate(110%)!important;
  
  
  font-size:10.5px!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}


:scope.home-page-active:not(.raw-chart-page-active) > .bottom,
:scope:has(#homePage.active):not(.raw-chart-page-active) > .bottom{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

@media(max-width:390px){
  #mirrorLibraryPage .mirror-profile-card{
    min-height:54px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:7px 64px 7px 8px!important;
  }
  #mirrorLibraryPage .profile-avatar{
    width:34px!important;
    height:34px!important;
  }
  #mirrorLibraryPage .mirror-profile-card .profile-copy>b{font-size:12px!important}
  #mirrorLibraryPage .mirror-profile-card .profile-copy .profile-birth-line{font-size:7.9px!important}
}



#mirrorLibraryPage #savedProfile{
  overflow:visible!important;
}
#mirrorLibraryPage .mirror-library-topbar{
  pointer-events:none!important;
}
#mirrorLibraryPage .mirror-library-back{
  pointer-events:auto!important;
}
#mirrorLibraryPage #savedProfile .profile-search-anchor,
#mirrorLibraryPage #savedProfile .profile-search-icon-btn,
#mirrorLibraryPage #savedProfile .profile-search-popover,
#mirrorLibraryPage #savedProfile .profile-search-popover *,
#mirrorLibraryPage .mirror-library-add-area,
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn,
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn *{
  pointer-events:auto!important;
}
#mirrorLibraryPage #savedProfile .profile-search-anchor{
  z-index:151!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover{
  z-index:153!important;
}
#mirrorLibraryPage .mirror-library-add-area{
  z-index:152!important;
}


#mirrorLibraryPage #profileSummary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  justify-content:stretch!important;
  align-items:start!important;
  gap:6px!important;
  row-gap:6px!important;
  column-gap:0!important;
}
#mirrorLibraryPage #profileSummary > .mirror-profile-wrap,
#mirrorLibraryPage #profileSummary > .profile-empty-group{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}
#mirrorLibraryPage .mirror-profile-wrap + .mirror-profile-wrap{
  margin-top:0!important;
}


:scope.v137-home-nav-visible > .bottom,
:scope:has(#homePage.active) > .bottom{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateX(-50%)!important;
}


#bondagePageBody:empty::before{
  content:"正在照见真正束缚你的地方…";
  display:block;
  padding:28px 18px;
  
  font-size:13px;
  line-height:1.8;
  text-align:center;
}



:scope.raw-chart-page-active.raw-profile-sheet-open #rawSelfArrowOverlay,
:scope.raw-chart-page-active.raw-chart-menu-open #rawSelfArrowOverlay{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
#rawSelfArrowMenuMirror{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  pointer-events:none!important;
  overflow:visible!important;
  contain:none!important;
}
#rawSelfArrowMenuMirror .raw-self-arrow-overlay{
  position:absolute!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  
  
  
  font-size:14px!important;
  line-height:16px!important;
  font-weight:900!important;
  pointer-events:none!important;
}
#rawSelfArrowMenuMirror .lu{}
#rawSelfArrowMenuMirror .quan{}
#rawSelfArrowMenuMirror .ke{}
#rawSelfArrowMenuMirror .ji{}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"],
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  z-index:2147483647!important;
}


#rawAstrolabeGrid .raw-center-identity em{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  
  
  
  line-height:1.15!important;
}


#rawAstrolabeGrid .raw-center-pillargrid{
  align-items:stretch!important;
}
#rawAstrolabeGrid .raw-center-pillarcell{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  min-height:31px!important;
  padding:2px 1px!important;
}
#rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}
#rawAstrolabeGrid .raw-center-pillarcell .raw-pillar-pair i{
  display:block!important;
  width:1em!important;
  height:auto!important;
  margin:0!important;
  line-height:1.02!important;
  text-align:center!important;
}


#rawAstrolabeGrid .raw-center-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px!important;
  width:100%!important;
  align-items:center!important;
}
#rawAstrolabeGrid .raw-center-actions .raw-center-insight-btn,
#rawAstrolabeGrid .raw-center-actions .raw-center-return-btn,
#rawAstrolabeGrid .raw-center-actions .raw-center-tool-btn{
  width:100%!important;
  min-width:0!important;
  height:19px!important;
  margin:0!important;
  padding:0 3px!important;
  border:1px solid rgba(146,191,227,.11)!important;
  border-radius:999px!important;
  
  
  font-size:clamp(6.4px,min(4.1cqw,3.7cqh),8.2px)!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  
}
#rawAstrolabeGrid .raw-center-actions .raw-center-insight-btn{
  
  
  
}
#rawAstrolabeGrid .raw-center-actions button:active{
  transform:scale(.96)!important;
  
}


#rawAstrolabeGrid .raw-center-timegrid [data-v153-true-solar]{
  order:-10!important;
}
#rawAstrolabeGrid .raw-center-timegrid [data-v153-true-solar].pending b{
  
  font-weight:520!important;
}


.raw-chart-insight-modal{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px 14px;
  
  -webkit-backdrop-filter:blur(9px) brightness(76%);
  backdrop-filter:blur(9px) brightness(76%);
}
.raw-chart-insight-modal.open{display:flex}
.raw-chart-insight-sheet{
  width:min(100%,520px);
  max-height:min(82vh,760px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(164,202,235,.14);
  border-radius:22px;
  
  
}
.raw-chart-insight-head{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px 12px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.raw-chart-insight-head>div{min-width:0}
.raw-chart-insight-head small{
  display:block;
  
  font-size:8px;
  letter-spacing:.16em;
}
.raw-chart-insight-head h3{
  margin:5px 0 0;
  
  font-size:17px;
  line-height:1.2;
  font-weight:620;
}
.raw-chart-insight-badge{
  display:inline-flex!important;
  align-items:center;
  min-height:20px;
  margin-left:7px;
  padding:0 7px;
  border:1px solid rgba(210,181,111,.14);
  border-radius:999px;
  
  
  font-size:7.5px!important;
  letter-spacing:.08em!important;
  vertical-align:middle;
}
.raw-chart-insight-close{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:50%;
  
  
  font-size:18px;
}
.raw-chart-insight-:scope{
  overflow:auto;
  padding:11px 12px 17px;
  -webkit-overflow-scrolling:touch;
}
.raw-chart-insight-lead{
  margin:0 0 8px;
  padding:10px 11px;
  border:1px solid rgba(147,191,226,.07);
  border-radius:12px;
  
  
  font-size:9.5px;
  line-height:1.7;
}
.raw-chart-insight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.raw-chart-insight-card{
  min-width:0;
  padding:10px 10px 9px;
  border:1px solid rgba(255,255,255,.052);
  border-radius:13px;
  
}
.raw-chart-insight-card.wide{grid-column:1/-1}
.raw-chart-insight-card small{
  display:block;
  
  font-size:8px;
  letter-spacing:.08em;
}
.raw-chart-insight-card b{
  display:block;
  margin-top:6px;
  
  font-size:11.5px;
  line-height:1.55;
  font-weight:560;
}
.raw-chart-insight-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}
.raw-chart-insight-tags span{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 7px;
  border:1px solid rgba(151,192,224,.07);
  border-radius:999px;
  
  
  font-size:8.5px;
}
.raw-chart-insight-note{
  margin:10px 1px 0;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.045);
  
  font-size:8.5px;
  line-height:1.65;
}
@media(max-width:390px){
  .raw-chart-insight-grid{grid-template-columns:1fr}
  .raw-chart-insight-card.wide{grid-column:auto}
  .raw-chart-insight-sheet{max-height:84vh}
}



#rawCenterLayer .raw-center-timegrid [data-v153-true-solar]{display:none!important;}


#v161ProfileSwitchVeil{
  position:fixed;inset:0;z-index:2147482500;display:none;pointer-events:none;
  
}
:scope.v161-profile-switching #v161ProfileSwitchVeil{display:block}
#v161ProfileSwitchVeil .v161-switch-note{
  position:absolute;left:50%;top:max(calc(env(safe-area-inset-top,0px) + 58px),58px);
  transform:translateX(-50%);padding:7px 12px;border-radius:999px;
  border:1px solid rgba(164,202,230,.12);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  font-size:11px;line-height:1;letter-spacing:.05em;white-space:nowrap;
}
:scope.v161-profile-switching #homePage{pointer-events:none}
:scope.v161-profile-switching #homePage #homeContent{opacity:.82;transition:opacity .12s ease}
:scope:not(.v161-profile-switching) #homePage #homeContent{transition:opacity .18s ease}



#rawCalibrationModal .raw-chart-insight-:scope{font-size:15px!important;line-height:1.65!important}
#rawCalibrationModal .raw-chart-insight-lead{margin:0 0 12px!important;font-size:14px!important;line-height:1.55!important;}
#rawCalibrationModal .v160-section{margin:16px 0 8px!important}
#rawCalibrationModal .v160-section>b{font-size:15px!important;letter-spacing:.02em!important}
#rawCalibrationModal .v160-section>span{display:none!important}
#rawCalibrationModal .v160-pro-card{padding:12px 13px!important;min-height:0!important}
#rawCalibrationModal .v160-pro-card>small{font-size:13.5px!important;margin-bottom:9px!important;}
#rawCalibrationModal .v160-pro-tags{gap:7px!important}
#rawCalibrationModal .v160-pro-tags span{font-size:14px!important;line-height:1.35!important;padding:6px 9px!important}
#rawCalibrationModal .v168-palace-note{display:none!important}
#rawCalibrationModal .raw-chart-insight-note{font-size:13px!important;line-height:1.6!important;margin-top:14px!important;}


#rawCalibrationModal .raw-chart-insight-lead{font-size:13px!important;line-height:1.75!important;margin-bottom:12px!important}
#rawCalibrationModal .v171-cal-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
#rawCalibrationModal .v171-cal-card{padding:12px 13px!important;border:1px solid rgba(160,204,238,.12)!important;border-radius:15px!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important}
#rawCalibrationModal .v171-cal-card>small{display:block!important;font-size:12px!important;line-height:1.45!important;margin-bottom:8px!important;letter-spacing:.02em!important}
#rawCalibrationModal .v171-starline{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:9px!important}
#rawCalibrationModal .v171-starline span{font-size:12px!important;line-height:1!important;padding:5px 7px!important;border-radius:999px!important;border:1px solid rgba(132,188,229,.11)!important}
#rawCalibrationModal .v171-keywords{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#rawCalibrationModal .v171-keywords b{font-size:14px!important;line-height:1.2!important;font-weight:620!important;padding:7px 9px!important;border-radius:10px!important;border:1px solid rgba(151,202,240,.09)!important}
#rawCalibrationModal .v171-empty .v171-keywords b{}
#rawCalibrationModal .raw-chart-insight-note{font-size:12.5px!important;line-height:1.7!important}



#rawCalibrationModal .raw-chart-insight-:scope > :not(.v173-cal-root){display:none!important}
#rawCalibrationModal .v173-cal-root{display:block!important}
#rawCalibrationModal .v173-cal-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#rawCalibrationModal .v173-card{padding:14px 14px 13px!important;border:1px solid rgba(157,201,227,.10)!important;border-radius:14px!important;}
#rawCalibrationModal .v173-card>small{display:block!important;font-size:13px!important;line-height:1.45!important;letter-spacing:.04em!important;margin-bottom:8px!important}
#rawCalibrationModal .v173-stars{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:9px!important}
#rawCalibrationModal .v173-stars span{padding:4px 8px!important;border-radius:999px!important;border:1px solid rgba(151,196,225,.13)!important;font-size:12px!important;line-height:1.35!important}
#rawCalibrationModal .v173-kws{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#rawCalibrationModal .v173-kws b{font-weight:550!important;padding:6px 9px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.055)!important;font-size:14px!important;line-height:1.35!important}
#rawCalibrationModal .v173-kws b.v173-good{}
#rawCalibrationModal .v173-kws b.v173-warn{}
#rawCalibrationModal .v173-kws b.v173-mut{}
#rawCalibrationModal .v173-lead{margin:0 0 11px!important;font-size:13px!important;line-height:1.7!important}



#rawCalibrationModal .v174-cal-wrap{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#rawCalibrationModal .v174-card{padding:13px 14px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.09)!important}
#rawCalibrationModal .v174-card>small{display:block!important;font-size:13px!important;line-height:1.35!important;opacity:.72!important;margin-bottom:7px!important}
#rawCalibrationModal .v174-stars{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:8px!important}
#rawCalibrationModal .v174-stars span{font-size:13px!important;line-height:1.3!important;padding:3px 7px!important;border-radius:999px!important;}
#rawCalibrationModal .v174-kws{display:flex!important;flex-wrap:wrap!important;gap:6px 9px!important}
#rawCalibrationModal .v174-kws b{font-size:15px!important;line-height:1.35!important;font-weight:610!important;padding:2px 0!important;border:0!important}
#rawCalibrationModal .v174-kws b:not(:last-child)::after{content:' ·';opacity:.28;font-weight:400}
#rawCalibrationModal .v174-subrow{margin-top:9px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.055)!important}
#rawCalibrationModal .v174-subrow em{display:block!important;margin-bottom:5px!important;font-size:12px!important;font-style:normal!important;letter-spacing:.04em!important}
#rawCalibrationModal .v174-hit{margin-top:9px!important;padding:8px 9px!important;border-radius:10px!important;border:1px solid rgba(210,132,158,.08)!important}
#rawCalibrationModal .v174-hit em{display:block!important;margin-bottom:5px!important;font-size:12px!important;font-style:normal!important}
#rawCalibrationModal .v174-health-note{font-size:12px!important;line-height:1.6!important;margin-top:7px!important}


:scope.raw-chart-page-active #chartPage .raw-chart-mobile-nav,
:scope.raw-chart-page-active #chartPage nav.raw-chart-mobile-nav{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
:scope.raw-chart-page-active #rawChartGlobalVisibleNav{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


#rawAstrolabeGrid #rawCenterLayer .raw-center-core{
  box-sizing:border-box!important;
  max-width:96%!important;
  max-height:96%!important;
  overflow:visible!important;
}
@media (max-width:390px),(max-height:760px){
  #rawAstrolabeGrid #rawCenterLayer .raw-center-core{
    width:min(96%,96px)!important;
    min-height:0!important;
    padding:3px 4px!important;
    row-gap:1px!important;
    border-radius:8px!important;
  }
  #rawAstrolabeGrid #rawCenterLayer .raw-center-brandline{display:none!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-section{margin:0!important;padding:1px 0!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-identity{gap:2px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-identity small,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-timegrid small,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-mastergrid small,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-pillar-title{font-size:5.2px!important;line-height:1!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-identity b,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-timegrid b,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-mastergrid b{font-size:6.5px!important;line-height:1.05!important;margin-top:1px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-timegrid,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-mastergrid{gap:2px!important;margin:0!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-pillars-block{margin:0!important;padding:1px 0!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-pillargrid{gap:2px!important;margin-top:1px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-pillarcell .raw-pillar-pair{gap:2px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-pillarcell .raw-pillar-pair i{font-size:6.5px!important;line-height:1!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-navrow{margin:1px 0 0!important;column-gap:2px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 7px minmax(0,1fr) minmax(0,1fr)!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-navrow button{height:16px!important;min-height:16px!important;font-size:8px!important;padding:0 1px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-actions{margin-top:1px!important;gap:3px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-actions .raw-center-insight-btn{display:block!important;height:18px!important;min-height:18px!important;font-size:8.6px!important;padding:0 2px!important}
}
@media (max-width:350px),(max-height:680px){
  #rawAstrolabeGrid #rawCenterLayer .raw-center-core{
    width:min(100%,92px)!important;
    transform:translate(-50%,-50%) scale(.90)!important;
    transform-origin:center center!important;
  }
  #rawAstrolabeGrid #rawCenterLayer .raw-center-timegrid small,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-mastergrid small{font-size:4.8px!important}
  #rawAstrolabeGrid #rawCenterLayer .raw-center-timegrid b,
  #rawAstrolabeGrid #rawCenterLayer .raw-center-mastergrid b{font-size:6.1px!important}
}



.raw-chart-insight-modal,
.raw-chart-insight-modal.open{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
}
.raw-chart-insight-modal .raw-chart-insight-sheet{
  position:relative!important;
  z-index:2147483647!important;
  transform:translateZ(0)!important;
}
:scope.raw-chart-insight-open #rawSelfArrowOverlay,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147481000!important;
  pointer-events:none!important;
}
:scope.raw-chart-insight-open #rawSelfArrowOverlay .raw-self-arrow-overlay,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror .raw-self-arrow-overlay{
  z-index:auto!important;
}



#rawCalibrationModal.raw-chart-insight-modal,
#rawInterpretModal.raw-chart-insight-modal,
#rawCalibrationModal.raw-chart-insight-modal.open,
#rawInterpretModal.raw-chart-insight-modal.open{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  isolation:isolate!important;
}
#rawCalibrationModal .raw-chart-insight-sheet,
#rawInterpretModal .raw-chart-insight-sheet{
  position:relative!important;
  z-index:2147483647!important;
}
:scope.raw-chart-insight-open #rawSelfArrowOverlay,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror{
  pointer-events:none!important;
}



:scope.v138-home-stable > .app{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
:scope.v138-home-stable > .app > .top{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
:scope.v138-home-stable > .app > .top .brand{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
:scope.v138-home-stable #homePage,
:scope.v138-home-stable #homePage #homeContent{
  visibility:visible!important;
  opacity:1!important;
}
:scope.v138-home-stable #homePage #homeContent{
  display:block!important;
}
:scope.v138-home-stable #homePage #noProfile{
  display:none!important;
}
:scope.v138-home-stable > .bottom{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}



#bondagePage .v139-bondage-hero{
  grid-column:1/-1;
  position:relative;
  overflow:hidden;
  padding:22px 20px;
  border:1px solid rgba(177,210,236,.09);
  border-radius:26px;
  
}
#bondagePage .v139-bondage-hero small{display:block;font-size:10px;letter-spacing:.22em}
#bondagePage .v139-bondage-hero h1{margin:9px 0 8px;font-size:29px;line-height:1.24;font-weight:580;letter-spacing:.035em}
#bondagePage .v139-bondage-hero>p{margin:0;font-size:14px;line-height:1.82;max-width:820px}
#bondagePage .v139-bondage-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
#bondagePage .v139-bondage-glance article,
#bondagePage .v139-bondage-block,
#bondagePage .v139-bondage-pair article,
#bondagePage .v139-bondage-trigger article{
  border:1px solid rgba(174,207,235,.075);
  border-radius:16px;
  
}
#bondagePage .v139-bondage-glance article{padding:12px}
#bondagePage .v139-bondage-glance small,
#bondagePage .v139-bondage-block small,
#bondagePage .v139-bondage-pair small,
#bondagePage .v139-bondage-trigger small{font-size:10px;letter-spacing:.08em}
#bondagePage .v139-bondage-glance b{display:block;margin-top:6px;font-size:13px;line-height:1.58;font-weight:540}
#bondagePage .v139-bondage-panel{
  grid-column:1/-1;
  padding:17px;
  border:1px solid rgba(177,210,236,.075);
  border-radius:21px;
  
}
#bondagePage .v139-bondage-panel-head{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:11px}
#bondagePage .v139-bondage-panel-head>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(166,202,232,.10);font-size:9px}
#bondagePage .v139-bondage-panel-head small{display:block;font-size:9.5px;letter-spacing:.16em}
#bondagePage .v139-bondage-panel-head h3{margin:4px 0 0;font-size:16px;line-height:1.4;font-weight:550}
#bondagePage .v139-bondage-block{padding:13px 14px}
#bondagePage .v139-bondage-block strong{display:block;margin-top:6px;font-size:15px;line-height:1.65;font-weight:550}
#bondagePage .v139-bondage-block p,
#bondagePage .v139-bondage-pair p,
#bondagePage .v139-bondage-trigger p{margin:6px 0 0;font-size:13px;line-height:1.78}
#bondagePage .v139-bondage-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#bondagePage .v139-bondage-pair article{padding:13px 14px}
#bondagePage .v139-bondage-pair strong{display:block;margin-top:6px;font-size:14px;line-height:1.58;font-weight:540}
#bondagePage .v139-bondage-trigger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#bondagePage .v139-bondage-trigger article{padding:12px 13px}
#bondagePage .v139-bondage-lowhigh article:first-child{}
#bondagePage .v139-bondage-lowhigh article:last-child{}
#bondagePage .v139-bondage-final{grid-column:1/-1;padding:20px 18px;border-radius:22px;border:1px solid rgba(148,198,230,.09);}
#bondagePage .v139-bondage-final small{font-size:10px;letter-spacing:.18em}
#bondagePage .v139-bondage-final h2{margin:8px 0 8px;font-size:20px;line-height:1.5;font-weight:550}
#bondagePage .v139-bondage-final p{margin:0;font-size:13px;line-height:1.85}
@media(max-width:620px){
  #bondagePage .v139-bondage-hero{padding:18px 15px;border-radius:22px}
  #bondagePage .v139-bondage-hero h1{font-size:24px}
  #bondagePage .v139-bondage-glance,
  #bondagePage .v139-bondage-pair,
  #bondagePage .v139-bondage-trigger{grid-template-columns:1fr}
  #bondagePage .v139-bondage-panel{padding:14px;border-radius:18px}
}



:scope.mirror-library-page-active > .app,
:scope:has(#mirrorLibraryPage.active) > .app{
  padding-bottom:0!important;
}
#mirrorLibraryPage.active{
  height:calc(var(--app-vh,100lvh) - env(safe-area-inset-top,0px) - 10px)!important;
  max-height:calc(var(--app-vh,100lvh) - env(safe-area-inset-top,0px) - 10px)!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#mirrorLibraryPage .mirror-library-shell,
#mirrorLibraryPage #savedProfile{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#mirrorLibraryPage #profileSummary{
  padding:1px 1px 1px!important;
  margin-bottom:0!important;
  scroll-padding-bottom:0!important;
}


#mirrorLibraryPage #savedProfile .profile-search-popover{
  width:118px!important;
  grid-template-columns:22px minmax(0,1fr) 22px!important;
  padding-left:3px!important;
  padding-right:3px!important;
}
#mirrorLibraryPage #savedProfile .profile-search-field-icon{
  width:11.5px!important;
  height:11.5px!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover input{
  font-size:10.5px!important;
  padding:0 1px!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover .profile-search-clear{
  width:20px!important;
  height:20px!important;
}


:scope.energy-clean-page-active > .app > .top{
  display:none!important;
}
@supports selector(:scope:has(#pathPage.active)){
  :scope:has(#pathPage.active) > .app > .top{
    display:none!important;
  }
}
#pathPage .energy-page-head{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
#pathPage{
  margin-top:0!important;
  padding-top:0!important;
}
#pathPage #structureMap{
  margin-top:0!important;
  padding-top:0!important;
}
#pathPage .energy-system-layout{
  margin-top:0!important;
  padding-top:0!important;
}
#pathPage .energy-hero-card:first-child,
#pathPage #structureMap > :first-child{
  margin-top:0!important;
}



#rawAstrolabeGrid #rawCenterLayer .raw-center-return-btn,
#rawAstrolabeGrid #rawCenterLayer .raw-center-tool-btn,
#rawAstrolabeGrid #rawCenterLayer .raw-center-tool-popover{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#rawAstrolabeGrid #rawCenterLayer .raw-center-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin-top:2px!important;
}
#rawAstrolabeGrid #rawCenterLayer .raw-center-actions .raw-center-insight-btn{
  height:21px!important;
  min-height:21px!important;
  border-radius:6px!important;
  
  border:1px solid rgba(139,198,235,.16)!important;
  
  font-size:9px!important;
  font-weight:650!important;
}


#rawAstrolabeGrid #rawCenterLayer .raw-center-navrow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:4px!important;
  row-gap:0!important;
  width:100%!important;
}
#rawAstrolabeGrid #rawCenterLayer .raw-center-navrow [data-raw-natal-nav="prev-day"]{grid-column:1!important}
#rawAstrolabeGrid #rawCenterLayer .raw-center-navrow [data-raw-natal-nav="next-day"]{grid-column:2!important}
#rawAstrolabeGrid #rawCenterLayer .raw-center-navrow [data-raw-natal-nav="prev-hour"]{grid-column:4!important}
#rawAstrolabeGrid #rawCenterLayer .raw-center-navrow [data-raw-natal-nav="next-hour"]{grid-column:5!important}
#rawAstrolabeGrid #rawCenterLayer .raw-center-navrow button{
  min-width:0!important;
  padding:0 3px!important;
  font-size:10.2px!important;
  font-weight:680!important;
  letter-spacing:.02em!important;
}


#rawAstrolabeGrid #rawCenterLayer .raw-center-pillarcell .raw-pillar-pair{
  gap:2.5px!important;
  line-height:1.08!important;
}
#rawAstrolabeGrid #rawCenterLayer .raw-center-pillarcell .raw-pillar-pair i{
  line-height:1.05!important;
}


.raw-chart-insight-modal{
  z-index:2147483647!important;
  isolation:isolate!important;
}
:scope.raw-chart-insight-open #rawSelfArrowOverlay,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483644!important;
}
.raw-chart-insight-sheet{
  position:relative!important;
  z-index:2147483647!important;
}


.raw-chart-insight-grid.v154-professional{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.raw-chart-insight-card .v154-insight-brief{
  display:block;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.045);
  
  font-size:8.8px;
  line-height:1.62;
  font-weight:430;
}
.raw-chart-insight-card .v154-structure{
  display:block;
  margin-top:6px;
  
  font-size:7.6px;
  line-height:1.55;
}
.raw-chart-insight-card.v154-key{
  
  
}
.raw-chart-insight-section-title{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:4px 1px -1px;
  padding:8px 2px 5px;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.raw-chart-insight-section-title b{
  
  font-size:9.5px;
  font-weight:620;
  letter-spacing:.08em;
}
.raw-chart-insight-section-title span{
  
  font-size:7.5px;
}


:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  width:min(30vw,158px)!important;
  right:5px!important;
  inset:auto 5px var(--raw-chart-nav-h,50px) auto!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  padding:7px 6px!important;
  border-radius:15px 15px 2px 2px!important;
  border:1px solid rgba(156,203,235,.10)!important;
  
  
  -webkit-backdrop-filter:blur(11px) saturate(108%)!important;
  backdrop-filter:blur(11px) saturate(108%)!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list{
  gap:4px!important;
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list button{
  min-height:34px!important;
  padding:0 6px 0 29px!important;
  border-radius:8px!important;
  
  
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list button::before{
  left:8px!important;
  width:14px!important;
  height:14px!important;
  
  
}
:scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-tool-list button b{
  font-size:10px!important;
  font-weight:610!important;
}
@media(max-width:390px){
  :scope.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
    width:min(32vw,145px)!important;
  }
  .raw-chart-insight-grid.v154-professional{grid-template-columns:1fr!important}
  .raw-chart-insight-section-title{grid-column:auto!important}
}



.raw-chart-insight-modal .v154-structure{display:none!important}
.raw-chart-insight-sheet{width:min(94vw,560px)!important;max-height:86vh!important}
.raw-chart-insight-head{padding:15px 16px 14px!important}
.raw-chart-insight-head small{font-size:11px!important;line-height:1.35!important;letter-spacing:.12em!important}
.raw-chart-insight-head h3{font-size:20px!important;line-height:1.25!important;margin-top:6px!important}
.raw-chart-insight-badge{font-size:10.5px!important;min-height:22px!important;padding:0 8px!important}
.raw-chart-insight-:scope{padding:14px 14px 20px!important}
.raw-chart-insight-lead{font-size:13.5px!important;line-height:1.72!important;padding:12px 13px!important;margin-bottom:10px!important}
.raw-chart-insight-grid,
.raw-chart-insight-grid.v154-professional{grid-template-columns:1fr!important;gap:9px!important}
.raw-chart-insight-card{padding:12px 12px 11px!important;border-radius:14px!important}
.raw-chart-insight-card small{font-size:12.5px!important;line-height:1.4!important;letter-spacing:.04em!important}
.raw-chart-insight-tags{gap:6px!important;margin-top:8px!important}
.raw-chart-insight-tags span{min-height:29px!important;padding:3px 9px!important;font-size:12.5px!important;line-height:1.3!important}
.raw-chart-insight-card .v154-insight-brief{font-size:12.5px!important;line-height:1.65!important;margin-top:9px!important;padding-top:9px!important}
.raw-chart-insight-section-title{grid-column:1/-1!important;padding:10px 2px 6px!important;margin-top:6px!important}
.raw-chart-insight-section-title b{font-size:13.5px!important;line-height:1.35!important}
.raw-chart-insight-section-title span{font-size:11.5px!important;line-height:1.4!important;text-align:right!important}
.raw-chart-insight-note{font-size:11.8px!important;line-height:1.72!important;padding-top:11px!important}


:scope.raw-chart-page-active #rawCenterLayer .raw-center-core,
:scope.raw-chart-page-active #rawCenterLayer .raw-center-core *{
  transition:none!important;
  animation:none!important;
}



#rawCalibrationModal.raw-chart-insight-modal,
#rawInterpretModal.raw-chart-insight-modal,
#rawCalibrationModal.raw-chart-insight-modal.open,
#rawInterpretModal.raw-chart-insight-modal.open{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
}
#rawCalibrationModal .raw-chart-insight-sheet,
#rawInterpretModal .raw-chart-insight-sheet{
  position:relative!important;
  z-index:2!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
}
:scope.raw-chart-insight-open #rawSelfArrowOverlay,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror{
  z-index:2147482000!important;
  pointer-events:none!important;
}
:scope.raw-chart-insight-open #rawSelfArrowOverlay .raw-self-arrow-overlay,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror .raw-self-arrow-overlay,
:scope.raw-chart-insight-open #rawSelfArrowOverlay .raw-self-arrow,
:scope.raw-chart-insight-open #rawSelfArrowMenuMirror .raw-self-arrow{
  z-index:auto!important;
  pointer-events:none!important;
}


#rawCalibrationModal .v160-insight-grid,
#rawInterpretModal .v160-insight-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
#rawCalibrationModal .v160-section,
#rawInterpretModal .v160-section{
  padding:11px 2px 5px;
  margin-top:3px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
#rawCalibrationModal .v160-section b,
#rawInterpretModal .v160-section b{
  display:block;
  
  font-size:14px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.045em;
}
#rawCalibrationModal .v160-section span,
#rawInterpretModal .v160-section span{
  display:block;
  margin-top:3px;
  
  font-size:12px;
  line-height:1.5;
}
.v160-pro-card{
  padding:13px 13px 12px;
  border:1px solid rgba(143,190,222,.09);
  border-radius:14px;
  
}
.v160-pro-card > small{
  display:block;
  
  font-size:13px;
  line-height:1.45;
  font-weight:700;
  letter-spacing:.025em;
}
.v160-pro-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.v160-pro-tags span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:4px 9px;
  border:1px solid rgba(135,185,220,.085);
  border-radius:999px;
  
  
  font-size:12.5px;
  line-height:1.35;
  font-weight:540;
}
.v160-pro-note{
  display:block;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.045);
  
  font-size:12.5px;
  line-height:1.68;
}
.v160-pro-note strong{font-weight:650}
.v160-empty-card{
  
  
}
.v160-freq-high{}
.v160-freq-low{}



:scope.v161-profile-switching #v161ProfileSwitchVeil{display:none!important}
:scope.v161-profile-switching #homePage{pointer-events:auto!important}
:scope.v161-profile-switching #homePage #homeContent,
:scope:not(.v161-profile-switching) #homePage #homeContent{opacity:1!important;transition:none!important}


.v168-palace-note{
  display:block;margin-top:9px;padding-top:9px;border-top:1px solid rgba(151,191,219,.075);
  font-size:12.5px;line-height:1.72;
}
.v168-empty .v160-pro-tags span:first-child{
  
}
.v168-triad{
  
}


#rawCalibrationModal .v172-cal-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#rawCalibrationModal .v172-card{padding:13px 14px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.09)!important}
#rawCalibrationModal .v172-card small{display:block!important;font-size:13px!important;line-height:1.4!important;opacity:.72!important;margin-bottom:7px!important}
#rawCalibrationModal .v172-stars{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:8px!important}
#rawCalibrationModal .v172-stars span{font-size:13px!important;line-height:1.35!important;padding:3px 7px!important;border-radius:999px!important;}
#rawCalibrationModal .v172-kws{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#rawCalibrationModal .v172-kws b{font-size:15px!important;line-height:1.35!important;font-weight:600!important;padding:4px 0!important;border:0!important}
#rawCalibrationModal .v172-kws b:not(:last-child)::after{content:' ·';opacity:.35;font-weight:400}



.raw-chart-insight-modal.v175-open{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483647!important;
}
.raw-chart-insight-modal.v175-open .raw-chart-insight-sheet{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
#rawCalibrationModal.v175-open .raw-chart-insight-:scope > *{
  display:block!important;
}
#rawCalibrationModal.v175-open .raw-chart-insight-:scope > .v175-fast-root{
  display:block!important;
}
#rawCalibrationModal.v175-open .v174-cal-wrap,
#rawCalibrationModal.v175-open .v174-card,
#rawCalibrationModal.v175-open .v174-subrow,
#rawCalibrationModal.v175-open .v174-hit,
#rawInterpretModal.v175-open .v160-insight-grid,
#rawInterpretModal.v175-open .v168-insight-grid,
#rawInterpretModal.v175-open .v160-pro-card,
#rawInterpretModal.v175-open .v160-section{
  display:block!important;
}
#rawCalibrationModal.v175-open .v174-cal-wrap,
#rawInterpretModal.v175-open .v160-insight-grid,
#rawInterpretModal.v175-open .v168-insight-grid{
  display:grid!important;
}
.v175-insight-skeleton{
  display:grid!important;
  gap:10px!important;
  padding:2px 0 8px!important;
}
.v175-insight-skeleton i{
  display:block!important;
  height:72px!important;
  border-radius:14px!important;
  
  background-size:220% 100%!important;
  animation:v175InsightPulse 1.1s linear infinite!important;
}
@keyframes v175InsightPulse{to{background-position:-220% 0}}


#profilePage .my-report-hub,
#profilePage .ai-report-view{
  width:min(100%,760px);
  margin:0 auto;
  padding:18px 16px calc(132px + env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
}
#profilePage.profile-form-mode .my-report-hub,
#profilePage.profile-form-mode .ai-report-view{display:none!important}

.my-report-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:10px 2px 20px;
}
.my-report-head small,
.ai-report-topbar small{
  display:block;
  margin-bottom:6px;
  
  font-size:10px;
  letter-spacing:.22em;
}
.my-report-head h2{margin:0;font-size:28px;line-height:1.12;font-weight:640;letter-spacing:.02em}
.my-report-profile{text-align:right;min-width:0}
.my-report-profile b{display:block;font-size:13px;font-weight:570;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.my-report-profile span{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}

.my-report-intro{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(176,203,234,.12);
  
  border-radius:24px;
  padding:18px 18px 17px;
  
}
.my-report-intro::after{
  content:"";
  position:absolute;
  width:170px;height:170px;right:-80px;top:-105px;border-radius:50%;
  border:1px solid rgba(214,181,112,.16);
  
}
.my-report-intro b{display:block;font-size:16px;font-weight:590}
.my-report-intro p{margin:8px 0 0;font-size:12px;line-height:1.8}

.my-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.my-report-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:224px;
  padding:20px 18px 17px;
  text-align:left;
  
  border:1px solid rgba(172,199,231,.13);
  border-radius:26px;
  
  
  cursor:pointer;
  -webkit-tap-highlight-
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.my-report-card:active{transform:scale(.985)}
.my-report-card.career{}
.my-report-card .report-no{font-size:10px;letter-spacing:.22em;}
.my-report-card .report-mark{width:46px;height:46px;margin-top:22px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(188,211,238,.16);}
.my-report-card .report-mark svg{width:23px;height:23px;fill:none;stroke:rgba(229,237,247,.78);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.my-report-card h3{margin:18px 0 0;font-size:20px;font-weight:620;letter-spacing:.03em}
.my-report-card p{margin:8px 0 0;font-size:11px;line-height:1.65}
.my-report-card .report-go{margin-top:auto;padding-top:18px;font-size:12px;display:flex;align-items:center;justify-content:space-between}
.my-report-card .report-go i{font-style:normal;font-size:18px;line-height:1}

.ai-report-view{position:relative}
.ai-report-topbar{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:4px 0 17px}
.ai-report-back{width:36px;height:36px;border:1px solid rgba(177,202,232,.14);border-radius:50%;font-size:24px;line-height:1;display:grid;place-items:center;padding:0}
.ai-report-heading{min-width:0}
.ai-report-heading h1{margin:0;font-size:23px;line-height:1.18;font-weight:630;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-report-heading p{margin:5px 0 0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-report-regenerate{border:1px solid rgba(177,202,232,.14);border-radius:999px;font-size:11px;padding:8px 11px;white-space:nowrap}

.ai-report-hero{
  padding:24px 20px 23px;
  border-radius:26px;
  border:1px solid rgba(186,207,233,.13);
  
}
.ai-report-hero small{font-size:10px;letter-spacing:.18em}
.ai-report-hero h2{margin:11px 0 0;font-size:21px;line-height:1.55;font-weight:560;letter-spacing:.015em}
.ai-report-evidence{display:flex;gap:7px;overflow-x:auto;padding:12px 1px 2px;scrollbar-width:none}
.ai-report-evidence::-webkit-scrollbar{display:none}
.ai-report-evidence span{flex:0 0 auto;max-width:250px;border:1px solid rgba(177,202,232,.11);border-radius:999px;padding:7px 10px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ai-report-section{margin-top:14px;padding:20px 18px;border:1px solid rgba(176,202,233,.11);border-radius:24px;}
.ai-report-section>header{display:flex;gap:13px;align-items:flex-start}
.ai-report-section>header>span{flex:0 0 auto;font-size:11px;letter-spacing:.12em;padding-top:3px}
.ai-report-section>header small{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:4px}
.ai-report-section h3{margin:0;font-size:17px;font-weight:590;line-height:1.4}
.ai-report-summary{margin-top:14px;font-size:13px;line-height:1.92;white-space:pre-line}
.ai-report-items{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.ai-report-item{padding:13px 13px 12px;border-radius:18px;border:1px solid rgba(184,207,235,.08)}
.ai-report-item small{display:block;font-size:10px;margin-bottom:6px}
.ai-report-item p{margin:0;font-size:11px;line-height:1.75;white-space:pre-line}
.ai-report-section ul{margin:14px 0 0;padding:0 0 0 18px;font-size:11px;line-height:1.8}
.ai-report-section li+li{margin-top:6px}
.ai-report-closing{margin-top:14px;padding:18px;border-radius:22px;border:1px solid rgba(211,178,111,.13);}
.ai-report-closing small{font-size:10px;letter-spacing:.12em}
.ai-report-closing p{margin:8px 0 0;font-size:12px;line-height:1.85}
.ai-report-source-note{text-align:center;padding:18px 6px 0;font-size:9px}

.ai-report-loading,.ai-report-error{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.ai-report-loading strong,.ai-report-error strong{font-size:16px;font-weight:580}
.ai-report-loading p,.ai-report-error p{max-width:320px;margin:8px 0 0;font-size:11px;line-height:1.7}
.ai-report-orbit{position:relative;width:52px;height:52px;margin-bottom:18px;border-radius:50%;border:1px solid rgba(203,219,240,.11)}
.ai-report-orbit::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(210,179,115,.18)}
.ai-report-orbit i{position:absolute;left:50%;top:2px;width:5px;height:5px;border-radius:50%;transform-origin:0 24px;animation:ai-report-spin 1.8s linear infinite}
@keyframes ai-report-spin{to{transform:rotate(360deg)}}
.ai-report-error button{margin-top:16px;border:1px solid rgba(183,207,235,.16);border-radius:999px;padding:9px 15px;font-size:11px}

@media (max-width:560px){
  #profilePage .my-report-hub,#profilePage .ai-report-view{padding-left:14px;padding-right:14px}
  .my-report-grid{grid-template-columns:1fr}
  .my-report-card{min-height:184px}
  .my-report-card .report-mark{margin-top:17px}
  .ai-report-items{grid-template-columns:1fr}
  .my-report-head{align-items:flex-start;flex-direction:column;gap:9px}
  .my-report-profile{text-align:left}
  .my-report-profile b,.my-report-profile span{max-width:90vw}
}


.career-decision-hero{
  position:relative;
  overflow:hidden;
  padding:24px 20px 20px;
  border:1px solid rgba(189,205,226,.13);
  border-radius:28px;
  
}
.career-archetype{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.career-archetype small{font-size:10px;letter-spacing:.16em}
.career-archetype strong{
  display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;
  border:1px solid rgba(214,181,113,.18);
  font-size:13px;font-weight:600;letter-spacing:.05em
}
.career-decision-hero h2{margin:18px 0 0;font-size:22px;line-height:1.55;font-weight:570;letter-spacing:.01em}
.career-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}
.career-decision-grid article{min-width:0;padding:13px 12px;border-radius:17px;border:1px solid rgba(185,204,229,.09);}
.career-decision-grid small{display:block;font-size:9px;letter-spacing:.08em}
.career-decision-grid p{margin:7px 0 0;font-size:11px;line-height:1.65}
.career-first-move{margin-top:12px;padding:14px 14px 13px;border-radius:18px;border:1px solid rgba(214,181,113,.17);}
.career-first-move span{display:block;font-size:9px;letter-spacing:.12em}
.career-first-move b{display:block;margin-top:6px;font-size:12px;line-height:1.72;font-weight:560}

.career-visual-section{margin-top:14px;padding:20px 18px;border:1px solid rgba(176,202,233,.11);border-radius:24px;}
.career-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}
.career-section-head>div{min-width:0}
.career-section-head small{display:block;font-size:9px;letter-spacing:.17em;margin-bottom:5px}
.career-section-head h3{margin:0;font-size:17px;font-weight:600;line-height:1.4}
.career-section-head>span{flex:0 0 auto;font-size:9px;white-space:nowrap}

.career-level{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:122px;height:7px}
.career-level.compact{width:92px;height:6px}
.career-level i{display:block;border-radius:999px;border:1px solid rgba(201,216,236,.045)}
.career-level i.on{}

.career-role-list{display:grid;gap:8px}
.career-role-row{display:grid;grid-template-columns:minmax(118px,.72fr) 122px minmax(0,1.45fr);align-items:center;gap:13px;padding:12px 13px;border-radius:17px;border:1px solid rgba(183,205,232,.075);}
.career-role-main{display:flex;align-items:baseline;gap:8px;min-width:0}
.career-role-main b{font-size:12px;font-weight:570;white-space:nowrap}
.career-role-main em{font-size:9px;font-style:normal;white-space:nowrap}
.career-role-row p{margin:0;font-size:10px;line-height:1.65}

.career-strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.career-strength-card{padding:14px 13px;border-radius:18px;border:1px solid rgba(183,205,232,.075);}
.career-strength-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:0}
.career-strength-top>span{font-size:9px}
.career-strength-top b{min-width:0;font-size:12px;font-weight:590;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.career-strength-top em{font-style:normal;font-size:9px;padding:3px 7px;border-radius:999px;border:1px solid rgba(211,184,126,.11);white-space:nowrap}
.career-strength-card>.career-level{margin-top:10px}
.career-strength-card>p{margin:11px 0 0;font-size:10.5px;line-height:1.7}
.career-risk{margin-top:9px;padding-top:9px;border-top:1px solid rgba(183,205,232,.065);font-size:9.5px;line-height:1.6}
.career-risk small{display:inline;margin-right:6px;font-size:9px}

.career-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.career-work-card{padding:13px 12px;border-radius:17px;border:1px solid rgba(183,205,232,.07);}
.career-work-card>small{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:9px}
.career-work-card.caution>small{}
.career-tags{display:flex;gap:6px;flex-wrap:wrap}
.career-tags.vertical{display:grid;gap:6px}
.career-tags span{display:inline-flex;align-items:center;min-height:27px;padding:5px 8px;border-radius:10px;border:1px solid rgba(185,206,232,.07);font-size:9.5px;line-height:1.45}
.career-management-card{display:grid;grid-template-columns:138px minmax(0,1fr);gap:18px;margin-top:9px;padding:16px 14px;border-radius:19px;border:1px solid rgba(210,181,119,.11);}
.career-management-score{display:flex;flex-direction:column;justify-content:center;min-width:0}
.career-management-score>small{font-size:9px;letter-spacing:.1em}
.career-management-score strong{display:block;margin:5px 0 8px;font-size:30px;font-weight:520;line-height:1}
.career-management-score strong i{font-size:11px;font-style:normal;font-weight:400}
.career-management-copy h4{margin:0;font-size:13px;font-weight:590}
.career-management-copy>p{margin:7px 0 0;font-size:10px;line-height:1.7}
.career-management-copy dl{margin:10px 0 0;display:grid;gap:6px}
.career-management-copy dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px}
.career-management-copy dt{font-size:9px}
.career-management-copy dd{margin:0;font-size:9.5px;line-height:1.55}

.career-money-list{display:grid;gap:8px}
.career-money-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:13px 12px;border-radius:18px;border:1px solid rgba(183,205,232,.07);}
.career-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(211,183,124,.12);font-size:9px;}
.career-money-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.career-money-title b{font-size:12px;font-weight:580}
.career-money-title span{font-size:9px;padding:3px 7px;border-radius:999px;border:1px solid rgba(211,183,124,.1)}
.career-money-copy>.career-level{margin-top:8px}
.career-money-copy p{margin:9px 0 0;font-size:10px;line-height:1.65}
.career-money-copy>small{display:block;margin-top:7px;font-size:9px;line-height:1.55}

.career-industry-list{display:grid;gap:10px}
.career-industry-card{padding:15px 14px;border-radius:20px;border:1px solid rgba(183,205,232,.08);}
.career-industry-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}
.career-industry-head>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(210,182,122,.12);font-size:9px}
.career-industry-head small{display:block;font-size:8.5px}
.career-industry-head h4{margin:2px 0 0;font-size:13px;font-weight:600}
.career-role-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.career-role-tags span{padding:5px 8px;border-radius:9px;border:1px solid rgba(144,174,211,.09);font-size:9px}
.career-industry-card>p{margin:11px 0 0;font-size:10px;line-height:1.7}
.career-industry-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.career-industry-actions>div{padding:9px 10px;border-radius:13px;border:1px solid rgba(183,205,232,.06)}
.career-industry-actions small{display:block;font-size:8.5px;margin-bottom:4px}
.career-industry-actions span{display:block;font-size:9.5px;line-height:1.55}

.career-timeline{display:grid}
.career-path-step{display:grid;grid-template-columns:35px minmax(0,1fr);gap:11px;min-width:0}
.career-path-line{position:relative;display:flex;justify-content:center}
.career-path-line::after{content:"";position:absolute;top:31px;bottom:0;width:1px;}
.career-path-step:last-child .career-path-line::after{display:none}
.career-path-line span{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid rgba(211,183,124,.15);font-size:9px}
.career-path-copy{padding:0 0 18px;min-width:0}
.career-path-copy>small{display:block;font-size:8.5px;letter-spacing:.06em}
.career-path-copy h4{margin:4px 0 0;font-size:12.5px;font-weight:590}
.career-path-copy>p{margin:7px 0 0;font-size:10px;line-height:1.65}
.career-path-copy ul{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.career-path-copy li{position:relative;padding-left:13px;font-size:9.5px;line-height:1.6}
.career-path-copy li::before{content:"";position:absolute;left:1px;top:.62em;width:4px;height:4px;border-radius:50%;}
.career-signal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:9px;padding:8px 9px;border-radius:11px;border:1px solid rgba(211,183,124,.07)}
.career-signal b{font-size:8.5px;font-weight:540;white-space:nowrap}
.career-signal span{font-size:9px;line-height:1.5}

.career-avoid-section{}
.career-dont-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.career-dont-grid>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:10px 10px;border-radius:14px;border:1px solid rgba(206,153,129,.075);}
.career-dont-grid span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px}
.career-dont-grid p{margin:1px 0 0;font-size:9.5px;line-height:1.6}
.career-closing{margin-top:14px;padding:18px;border-radius:22px;border:1px solid rgba(211,178,111,.13);}
.career-closing small{font-size:10px;letter-spacing:.12em}
.career-closing p{margin:8px 0 0;font-size:12px;line-height:1.85}

@media (max-width:640px){
  .career-decision-grid{grid-template-columns:1fr}
  .career-role-row{grid-template-columns:minmax(106px,.8fr) 92px;gap:9px}
  .career-role-row>.career-level{width:92px}
  .career-role-row p{grid-column:1/-1;padding-top:1px}
  .career-work-grid{grid-template-columns:1fr}
  .career-management-card{grid-template-columns:1fr;gap:12px}
  .career-management-score{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px}
  .career-management-score strong{margin:0;font-size:22px}
  .career-management-score>.career-level{justify-self:end}
  .career-industry-actions{grid-template-columns:1fr}
}
@media (max-width:440px){
  .career-decision-hero{padding:20px 16px 17px;border-radius:24px}
  .career-decision-hero h2{font-size:19px}
  .career-visual-section{padding:17px 14px;border-radius:21px}
  .career-section-head{align-items:flex-start;flex-direction:column;gap:5px}
  .career-strength-grid,.career-dont-grid{grid-template-columns:1fr}
  .career-strength-top{grid-template-columns:auto minmax(0,1fr)}
  .career-strength-top em{grid-column:2;justify-self:start}
  .career-industry-head{grid-template-columns:32px minmax(0,1fr)}
  .career-industry-head>.career-level{grid-column:2;justify-self:start;margin-top:3px}
  .career-money-card{grid-template-columns:36px minmax(0,1fr)}
}


:scope.lingjing-my-page-clean main.app > header.top{display:none!important}
:scope.lingjing-my-page-clean #profilePage .my-report-hub,
:scope.lingjing-my-page-clean #profilePage .ai-report-view{padding-top:8px!important}
:scope.lingjing-my-page-clean #profilePage .my-report-head{padding-top:4px}
.my-report-head{align-items:center}
.my-report-grid{margin-top:4px}
.my-report-intro{display:none!important}

.plain-visual-section{
  margin-top:12px;padding:18px 16px;border:1px solid rgba(176,202,233,.10);border-radius:22px;
  
}
.plain-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}
.plain-section-head small{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:4px}
.plain-section-head h3{margin:0;font-size:16px;font-weight:610;line-height:1.35}
.plain-section-head>span{font-size:9px;text-align:right}
.plain-section-summary{margin:0 0 13px;font-size:12px;line-height:1.75}

.plain-metric-list{display:grid;gap:7px}
.plain-metric-row{display:grid;grid-template-columns:minmax(118px,.85fr) 108px minmax(0,1.5fr);align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(182,205,232,.07);border-radius:14px;}
.plain-metric-name{display:flex;align-items:center;gap:7px;min-width:0}
.plain-metric-name b{font-size:11.5px;font-weight:600;white-space:nowrap}
.plain-metric-name em{font-style:normal;font-size:8.5px;white-space:nowrap}
.plain-metric-row>.career-level{width:108px}
.plain-metric-row p{margin:0;font-size:9.5px;line-height:1.55}

.life-decision-hero{padding:22px 18px 18px;border-radius:24px;border:1px solid rgba(191,210,234,.12);}
.life-decision-hero>small,.career-v3-hero>small{font-size:9px;letter-spacing:.12em}
.life-decision-hero>h2,.career-v3-hero>h2{margin:9px 0 0;font-size:19px;line-height:1.55;font-weight:590}
.life-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}
.life-decision-grid article{padding:11px 10px;border-radius:14px;border:1px solid rgba(183,205,232,.07);}
.life-decision-grid small{display:block;font-size:8.5px;margin-bottom:6px}
.life-decision-grid p{margin:0;font-size:10px;line-height:1.6}

.plain-point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.plain-point-grid article{padding:12px;border-radius:15px;border:1px solid rgba(181,204,231,.07);}
.plain-point-grid small{display:block;font-size:9px;margin-bottom:6px}
.plain-point-grid p{margin:0;font-size:10.5px;line-height:1.65}
.life-signal-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.life-signal-grid span{padding:6px 8px;border-radius:10px;border:1px solid rgba(177,201,230,.08);font-size:9.5px}
.life-contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.life-contrast-grid article{padding:12px;border-radius:15px;border:1px solid rgba(184,205,231,.07);}
.life-contrast-grid article.stuck{}
.life-contrast-grid article.mature{}
.life-contrast-grid small{display:block;font-size:9px;margin-bottom:7px}
.life-contrast-grid p{margin:0;font-size:10.5px;line-height:1.65}
.life-skill-list{display:grid;gap:7px}
.life-skill-list article{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:12px;align-items:center;padding:10px 11px;border:1px solid rgba(183,205,232,.07);border-radius:14px;}
.life-skill-list article>div{display:grid;gap:7px}
.life-skill-list b{font-size:11px;font-weight:590}
.life-skill-list p{margin:0;font-size:9.8px;line-height:1.55}
.plain-warning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.plain-warning-grid article{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;padding:10px;border-radius:13px;border:1px solid rgba(206,153,129,.08);}
.plain-warning-grid span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:10px}
.plain-warning-grid p{margin:1px 0 0;font-size:9.5px;line-height:1.55}
.life-action-list{display:grid;gap:0}
.life-action-list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:0 0 14px}
.life-action-list article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(211,183,124,.14);font-size:9px;}
.life-action-list h4{margin:1px 0 0;font-size:12px;font-weight:590}
.life-action-list p{margin:6px 0 0;font-size:10px;line-height:1.6}
.life-action-list small{display:block;margin-top:7px;font-size:8.8px;line-height:1.5}

.career-top-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}
.career-top-job-grid article{padding:12px 11px;border-radius:15px;border:1px solid rgba(182,204,232,.08);}
.career-top-job-grid article.primary{}
.career-top-job-grid small{display:block;font-size:8.5px;margin-bottom:6px}
.career-top-job-grid strong{display:block;font-size:13px;line-height:1.35;font-weight:620}
.career-v3-decision-grid{margin-top:8px}
.career-job-list{display:grid;gap:9px}
.career-job-card{padding:14px 13px;border-radius:18px;border:1px solid rgba(183,205,232,.08);}
.career-job-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center}
.career-job-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(211,183,124,.13);font-size:8.5px}
.career-job-head small{display:block;font-size:8.5px}
.career-job-head h4{margin:2px 0 0;font-size:14px;font-weight:620}
.career-job-head>div:last-child{display:grid;gap:4px;justify-items:end}
.career-job-head em{font-style:normal;font-size:8px}
.career-job-reason{margin:10px 0 0;font-size:10.5px;line-height:1.65}
.career-job-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.career-job-facts>div{padding:9px 10px;border-radius:12px;border:1px solid rgba(183,205,232,.06);}
.career-job-facts small{display:block;font-size:8.3px;margin-bottom:4px}
.career-job-facts p{margin:0;font-size:9.4px;line-height:1.55}
.career-job-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:9px;padding:9px 10px;border-radius:12px;border:1px solid rgba(211,183,124,.08);}
.career-job-next span{font-size:8.5px;white-space:nowrap}
.career-job-next b{font-size:9.2px;line-height:1.5;font-weight:500}
.career-industry-simple-list{display:grid;gap:7px}
.career-industry-simple-list article{padding:11px 12px;border-radius:14px;border:1px solid rgba(183,205,232,.07);}
.career-industry-simple-list article>div:first-child{display:grid;grid-template-columns:28px minmax(0,1fr) 92px;gap:8px;align-items:center}
.career-industry-simple-list article>div:first-child>span{font-size:8.5px}
.career-industry-simple-list h4{margin:0;font-size:12px;font-weight:600}
.career-industry-simple-list p{margin:8px 0 0;font-size:9.6px;line-height:1.55}

@media(max-width:640px){
  .plain-metric-row{grid-template-columns:minmax(100px,1fr) 92px;gap:8px}
  .plain-metric-row>.career-level{width:92px}
  .plain-metric-row p{grid-column:1/-1;padding-top:1px}
  .life-decision-grid,.career-top-job-grid{grid-template-columns:1fr}
  .plain-point-grid,.life-contrast-grid,.plain-warning-grid,.career-job-facts{grid-template-columns:1fr}
  .life-skill-list article{grid-template-columns:1fr;gap:7px}
  .career-job-head{grid-template-columns:30px minmax(0,1fr)}
  .career-job-head>div:last-child{grid-column:2;justify-items:start}
  .career-industry-simple-list article>div:first-child{grid-template-columns:26px minmax(0,1fr)}
  .career-industry-simple-list article>div:first-child>.career-level{grid-column:2;width:92px}
}



:scope.lingjing-my-page-clean #profilePage .my-report-hub{padding-top:2px!important}
:scope.lingjing-my-page-clean #profilePage .my-report-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding:0 2px 17px!important;
  text-align:left!important;
}
:scope.lingjing-my-page-clean #profilePage .my-report-head>div:first-child,
:scope.lingjing-my-page-clean #profilePage .my-report-profile{width:100%;text-align:left!important}
:scope.lingjing-my-page-clean #profilePage .my-report-profile b,
:scope.lingjing-my-page-clean #profilePage .my-report-profile span{max-width:100%!important;text-align:left!important}
:scope.lingjing-my-page-clean #profilePage .my-report-profile b{font-size:12px}
:scope.lingjing-my-page-clean #profilePage .my-report-profile span{margin-top:3px}



.lingjing-feature-matrix button{position:relative;min-height:104px;overflow:hidden;text-align:left;}
.lingjing-feature-matrix button>b{display:none!important;}
.lingjing-feature-matrix button small{font-size:16px!important;font-weight:650!important;letter-spacing:.04em;}
.lingjing-feature-matrix button em{display:block;margin-top:9px;font-size:12px;line-height:1.45;font-style:normal;letter-spacing:.02em;}
.lingjing-feature-matrix button::after{content:"›";position:absolute;right:11px;bottom:10px;font-size:20px;font-weight:300;}
:scope.destiny-page-active .app>.top,:scope.lingjing-module-page-active .app>.top{display:none!important;}
:scope.destiny-page-active{overflow:hidden!important;overscroll-behavior:none;}
:scope.destiny-page-active .app{padding-top:0!important;overflow:hidden!important;}
:scope.lingjing-module-page-active .app{padding-top:max(8px,env(safe-area-inset-top,0px))!important;}

#dojoPage.destiny-page{position:fixed!important;z-index:20;left:0;right:0;top:var(--destiny-vv-top,0px);height:calc(var(--destiny-vv-height,100dvh) - var(--destiny-nav-reserve,calc(68px + max(8px,env(safe-area-inset-bottom,0px)))));margin:0!important;padding:max(8px,env(safe-area-inset-top,0px)) 12px 6px!important;overflow:hidden!important;box-sizing:border-box;}
.destiny-shell{position:relative;max-width:820px;height:100%;margin:0 auto;padding:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:0;}
.destiny-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:5px 3px 11px;flex:0 0 auto;}
.destiny-head>div{min-width:0}.destiny-head small{display:block;font-size:10px;letter-spacing:.18em;margin-bottom:6px}.destiny-head h2{margin:0;font-size:26px;line-height:1.16;font-weight:650;letter-spacing:.05em}.destiny-head p{margin:6px 0 0;max-width:580px;font-size:13px;line-height:1.5}.destiny-records-btn{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid rgba(218,234,251,.10);border-radius:999px;font-size:13px;}
.destiny-category-bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 2px 10px;margin:0;border-bottom:1px solid rgba(255,255,255,.035);}.destiny-category-bar::-webkit-scrollbar{display:none}.destiny-category-bar button{flex:0 0 auto;min-height:38px;padding:0 16px;border:1px solid rgba(214,232,250,.075);border-radius:999px;font-size:13px;white-space:nowrap}.destiny-category-bar button.active{}
.destiny-chat{min-height:0!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;padding:14px 2px 16px;scroll-padding-bottom:18px}.destiny-chat::-webkit-scrollbar{display:none}
.destiny-message{max-width:min(92%,680px);padding:13px 15px;border:1px solid rgba(217,234,251,.075);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex:0 0 auto}.destiny-message small{display:block;margin-bottom:6px;font-size:10px;letter-spacing:.12em}.destiny-message p{margin:0;font-size:15px;line-height:1.72;white-space:pre-wrap;word-break:break-word}.destiny-message-user{align-self:flex-end;}.destiny-message-user small{text-align:right}.destiny-message-system{align-self:flex-start}.destiny-judgement{margin:0 0 9px;font-size:18px;line-height:1.42;font-weight:680;letter-spacing:.01em}.destiny-answer-lead{font-size:15px!important;font-weight:450}.destiny-trajectory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.destiny-trajectory>div{min-width:0;padding:10px 9px;border:1px solid rgba(220,235,250,.065);border-radius:13px;}.destiny-trajectory span{display:block;font-size:10px;letter-spacing:.10em}.destiny-trajectory p{margin-top:5px!important;font-size:12px!important;line-height:1.52!important}.destiny-answer-points{display:grid;gap:7px;margin:11px 0 0;padding:0;list-style:none}.destiny-answer-points li{position:relative;padding-left:13px;font-size:14px;line-height:1.6}.destiny-answer-points li::before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;border-radius:50%;}.destiny-answer-action{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);font-size:14px;line-height:1.65}.destiny-answer-caution{margin-top:8px;font-size:12px;line-height:1.55}.destiny-message-loading{min-width:180px}.destiny-thinking{display:flex;align-items:center;gap:6px;font-size:13px}.destiny-thinking i{width:5px;height:5px;border-radius:50%;animation:destinyDot 1.2s ease-in-out infinite}.destiny-thinking i:nth-child(2){animation-delay:.16s}.destiny-thinking i:nth-child(3){animation-delay:.32s}@keyframes destinyDot{0%,100%{opacity:.22;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.destiny-status{min-height:0;height:auto;padding:0 4px;font-size:11px;text-align:center;line-height:18px}.destiny-status:empty{display:none}.destiny-composer{position:relative!important;bottom:auto!important;z-index:25;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px;border:1px solid rgba(217,234,251,.09);border-radius:19px;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);}.destiny-composer textarea{width:100%;min-height:44px;max-height:112px;resize:none;padding:11px 12px;border:0;outline:0;font:inherit;font-size:16px;line-height:1.45}.destiny-composer textarea::placeholder{}.destiny-composer button{min-width:62px;height:44px;border:1px solid rgba(208,229,249,.12);border-radius:13px;font-size:14px;font-weight:600}.destiny-composer button:disabled,.destiny-composer textarea:disabled{opacity:.48}
@media(max-width:520px){#dojoPage.destiny-page{padding-left:10px!important;padding-right:10px!important}.destiny-head h2{font-size:24px}.destiny-head p{font-size:12px}.destiny-message{max-width:95%}.destiny-trajectory{grid-template-columns:1fr}.destiny-trajectory>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px;align-items:start}.destiny-trajectory p{margin-top:0!important}}


.lingjing-module-page{margin:0 -2px;padding:0 2px calc(24px + env(safe-area-inset-bottom,0px));}
.lingjing-module-shell{max-width:820px;margin:0 auto;}
.lingjing-subpage-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start;padding:5px 1px 18px;}
.lingjing-subpage-head>button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(215,232,250,.10);border-radius:50%;font-size:30px;line-height:1;}
.lingjing-subpage-head small{display:block;font-size:10px;letter-spacing:.18em;margin:2px 0 6px;}
.lingjing-subpage-head h2{margin:0;font-size:27px;font-weight:650;letter-spacing:.06em;}
.lingjing-subpage-head p{margin:7px 0 0;font-size:14px;line-height:1.6;}

.lingjing-domain-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.lingjing-domain-hub-grid button{position:relative;min-height:132px;padding:17px 16px;text-align:left;border:1px solid rgba(217,234,251,.075);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.lingjing-domain-hub-grid button small{display:block;font-size:10px;letter-spacing:.12em;}
.lingjing-domain-hub-grid button strong{display:block;margin-top:12px;font-size:18px;font-weight:620;}
.lingjing-domain-hub-grid button span{display:block;margin-top:8px;font-size:13px;line-height:1.55;}
.lingjing-domain-hub-grid button::after{content:"›";position:absolute;right:14px;bottom:12px;font-size:22px;}
.lingjing-domain-hub-grid button:last-child{grid-column:1/-1;min-height:112px;}

.feature-module-:scope{display:grid;gap:12px;}
.feature-hero-card,.feature-card{border:1px solid rgba(217,234,251,.075);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.feature-hero-card{padding:19px 17px;}
.feature-hero-card small,.feature-card small{display:block;font-size:10px;letter-spacing:.14em;}
.feature-hero-card h3{margin:9px 0 0;font-size:22px;line-height:1.35;font-weight:620;}
.feature-hero-card p{margin:10px 0 0;font-size:14px;line-height:1.7;}
.feature-card{padding:16px;}
.feature-card h4{margin:7px 0 0;font-size:17px;font-weight:600;}
.feature-card p{margin:8px 0 0;font-size:14px;line-height:1.65;}
.feature-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;}
.feature-step-list span{padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;font-size:13px;line-height:1.55;}
.feature-coming{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055);font-size:12px;}
.feature-coming b{font-weight:560;}

@media (max-width:520px){
  .lingjing-subpage-head h2{font-size:24px;}
  .lingjing-domain-hub-grid{grid-template-columns:1fr;}
  .lingjing-domain-hub-grid button:last-child{grid-column:auto;}
  .feature-step-list{grid-template-columns:1fr;}
}



#dojoPage.destiny-page{transition:height .16s cubic-bezier(.2,.75,.25,1),top .16s cubic-bezier(.2,.75,.25,1);will-change:height,top;}
:scope.destiny-keyboard-open #dojoPage.destiny-page{transition-duration:.11s;}
.destiny-composer[hidden]{display:none!important;}
.destiny-category-bar button{transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease;}
:scope.destiny-page-active .destiny-category-bar button:disabled{opacity:.45;}
.destiny-target-time{display:inline-flex;align-items:center;min-height:26px;margin:0 0 9px;padding:0 9px;border:1px solid rgba(213,231,248,.08);border-radius:999px;font-size:11px;}
.destiny-time-layers{display:grid;gap:7px;margin:12px 0 0;}
.destiny-time-layers>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border-left:1px solid rgba(199,222,244,.13);border-radius:0 12px 12px 0;}
.destiny-time-layers span{font-size:10px;letter-spacing:.06em;line-height:1.65}.destiny-time-layers p{margin:0!important;font-size:13px!important;line-height:1.58!important;}
.destiny-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05)}
.destiny-result-actions button{min-height:36px;padding:0 13px;border:1px solid rgba(210,230,249,.09);border-radius:999px;font-size:12px;}
.destiny-records-panel[hidden]{display:none!important}.destiny-records-panel{position:absolute;z-index:90;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border:1px solid rgba(216,233,249,.07);border-radius:22px;backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;overflow:hidden;}
.destiny-records-panel.open{opacity:1;transform:none;pointer-events:auto}.destiny-records-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 17px 13px;border-bottom:1px solid rgba(255,255,255,.05)}.destiny-records-head small{display:block;font-size:9px;letter-spacing:.16em}.destiny-records-head h3{margin:4px 0 0;font-size:20px;font-weight:620}.destiny-records-head button{width:38px;height:38px;border:1px solid rgba(214,231,248,.08);border-radius:50%;font-size:20px}.destiny-records-list{min-height:0;overflow-y:auto;padding:10px 12px 18px;scrollbar-width:none}.destiny-records-list::-webkit-scrollbar{display:none}.destiny-record-item{display:block;width:100%;padding:13px 12px;margin:0 0 8px;text-align:left;border:1px solid rgba(214,232,248,.06);border-radius:15px;}.destiny-record-item>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.destiny-record-item b{font-size:11px;font-weight:600}.destiny-record-item small{font-size:10px}.destiny-record-item p{margin:7px 0 0;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.destiny-record-item em{display:inline-block;margin-top:7px;font-size:10px;font-style:normal}.destiny-record-empty{padding:42px 12px;text-align:center;font-size:13px}.destiny-records-btn{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid rgba(218,234,251,.10);border-radius:999px;font-size:13px;}
@media(max-width:520px){.destiny-time-layers>div{grid-template-columns:58px minmax(0,1fr)}.destiny-records-panel{border-radius:18px}.destiny-records-head{padding:14px 14px 11px}}

}

/* Lingjing 7.1 · One daylight theme. All primary views share these tokens. */
.d-home .d-home-main .d-primary .d-icon{width:78px;height:78px}.d-home .d-home-main .d-menu button{padding:7px 0}.d-home .d-home-main .d-menu .d-icon{width:32px;height:32px}.d-home .d-home-main .d-banner{min-height:80px}.d-home .d-home-main .d-primary{margin:8px 0}.d-home.page>.d-hero{height:220px}.d-home.page>.d-head{height:90px}
html,body{background-color:#f4f6fa!important}.app{background:#f4f6fa}.raw-chart-insight-modal:not(.open):not(.v175-open),#v161ProfileSwitchVeil,#v181SkyProxy,#rawChartGlobalVisibleNav{display:none!important}body:has(#firstRun:not(.hidden))>.app,body:has(#firstRun:not(.hidden))>.bottom{display:none!important}.raw-chart-insight-modal.open,.raw-chart-insight-modal.v175-open{position:fixed;inset:0;z-index:180;background:#93a5b666;display:flex;align-items:center;justify-content:center}.raw-chart-insight-sheet{max-height:90dvh;overflow:auto;width:min(94vw,480px);background:#f4f6fa;border-radius:24px;padding:20px}
:root{color-scheme:light;--paper:#f4f6fa;--ink:#303641;--muted:#727d8a;--gold:#ae9069;--blue:#8eafd0;--line:rgba(255,255,255,.95);--glass:rgba(255,255,255,.47);--shadow:0 5px 22px #8398b014,inset 0 1px 4px #fff;--radius:22px;--serif:"Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif;--nav-height:80px;--safe-bottom:env(safe-area-inset-bottom,0px);--text:var(--ink);--sub:var(--muted);--border:var(--line)}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.65;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;min-height:44px;background:none;border:0}button:disabled{opacity:.5;cursor:wait}a{color:#80623d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #739bc3;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400}button small,small{color:var(--muted)}[hidden],.hidden{display:none!important}.page{display:none}.page.active{display:block}.app{width:min(100%,480px);margin:auto;padding:env(safe-area-inset-top,0px) 16px calc(var(--nav-height) + var(--safe-bottom) + 24px);position:relative}.top,#screenSky,#spaceBg,#spaceFx,#profileBottomTools{display:none!important}.d-icon{width:36px;height:36px;flex:none;display:block;color:#8a8e96;overflow:visible}.d-head{height:105px;display:flex;align-items:center;gap:2px;position:relative;z-index:2;padding:14px 5px 0}.d-head h1{font-size:32px;letter-spacing:4px;line-height:1.4}.d-head p{font-family:var(--serif);font-size:12px;letter-spacing:4px;color:#6c7582}.d-head>button:first-child:not(.d-settings){width:35px;padding:0;flex:none}.d-head>button:first-child>span{display:none}.d-head .d-settings{margin-left:auto;align-self:flex-start;margin-top:15px;padding:6px}.d-settings .d-icon{width:25px;height:25px}.d-head>div{flex:1}.d-hero{height:260px;margin:-38px -16px -16px;position:relative;overflow:hidden;pointer-events:none}.d-hero img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.d-home .d-hero,.d-growth .d-hero{height:280px;margin-top:-28px}.glass,.d-identity-grid>button,.d-growth-cards>button,.d-energy-card,.my-report-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow)}.d-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px}.d-dual button{height:100px;text-align:left;border:2px solid white;border-radius:25px 45px 25px 25px;background:linear-gradient(120deg,#ffffffd9,#dfe9f480);box-shadow:var(--shadow);position:relative;padding:13px 15px;overflow:hidden}.d-dual button:last-child{border-radius:45px 25px 25px 25px}.d-dual span{display:block;font-family:var(--serif);font-size:23px;letter-spacing:3px}.d-dual small{font-size:12px;letter-spacing:2px}.d-dual .d-icon{position:absolute;right:8px;bottom:3px;width:67px;height:67px;opacity:.65}.d-primary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.d-primary button{text-align:center;border-radius:70px 70px 35px 35px;background:linear-gradient(180deg,#fff0,#ffffff80);padding:4px 0 15px}.d-primary .d-icon{width:96px;height:96px;margin:auto;filter:drop-shadow(0 0 9px #fff)}.d-primary button:first-child .d-icon{background:url(../../../assets/dawn-spirit.webp) center/cover;border-radius:50%}.d-primary button:first-child use{display:none}.d-primary span{font-family:var(--serif);font-size:19px;letter-spacing:1px;display:block}.d-primary small{font-size:11px;display:block}.d-menu{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;margin:8px 0}.d-menu button{padding:10px 0;display:grid;justify-items:center;gap:4px;border-right:1px solid #fff;border-bottom:1px solid #fff}.d-menu button:nth-child(4n){border-right:0}.d-menu button:nth-child(n+5){border-bottom:0}.d-menu .d-icon{width:38px;height:38px}.d-menu span{font-family:var(--serif);font-size:13px}.d-banner{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:88px;margin:12px 0;padding:14px 20px;border:2px solid #fff;border-radius:20px;box-shadow:var(--shadow);background:linear-gradient(90deg,#f9fbffdc,#eef5fc55),url(../../../assets/dawn-world.webp) center 67%/cover;text-align:left;position:relative}.d-banner>span{font-family:var(--serif);font-size:19px;letter-spacing:2px;line-height:1.6}.d-banner>small{font-size:11px;letter-spacing:1px}.d-banner>.d-icon{position:absolute;right:10px;bottom:20px;width:28px;height:28px;color:var(--gold)}
.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:calc(var(--nav-height) + var(--safe-bottom));padding:7px 14px calc(12px + var(--safe-bottom));z-index:80;border-radius:34px 34px 0 0;background:rgba(250,251,254,.92);border-top:1px solid #fff;box-shadow:0 -7px 35px #9bacbf0c;backdrop-filter:blur(14px)}.bottom .nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-family:var(--serif);color:#828892;font-size:12px;letter-spacing:2px;padding:0}.bottom .nav .d-icon{width:33px;height:33px}.bottom .nav.active{color:#85623b}.bottom .nav.active .d-icon{color:#b79a72;filter:drop-shadow(0 0 7px #c0ddff)}.bottom:after{content:"";position:absolute;width:110px;height:4px;border-radius:4px;background:#3337;bottom:max(4px,calc(var(--safe-bottom)/3));left:50%;transform:translateX(-50%)}
.d-original{margin-top:18px;border:1px solid #fff;border-radius:16px;padding:12px;background:#ffffff60}.d-original summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;color:#79674e;font-size:12px}.d-original[open]>summary{margin-bottom:15px}.d-original .mirror-dashboard,.d-original .domain-overview{padding:10px}.original-chart-btn{border:1px solid #c3d4e3;border-radius:12px}.d-original .primary-axes,.domain-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px}.d-original .identity-lens{display:block;width:100%;padding:15px}.d-original button b,.d-original button em,.d-original button small{display:block}.identity-hold-ring,.lens-orbit,.lens-glow{display:none}.d-spirit{height:300px;margin-top:-70px}.d-spirit img{object-position:center 37%}.d-cosmology{position:relative;margin-top:-230px;display:flex;justify-content:space-between;padding:4px 8px;font-family:var(--serif);font-size:15px;letter-spacing:3px;pointer-events:none}.d-cosmology span{font-size:11px;padding-top:18px}.d-self-axis{position:relative;margin:60px auto 6px;text-align:center;font-family:var(--serif);font-size:25px}.d-self-axis>button,.d-self-axis>div>button{border:1px solid #d7c8b2;border-radius:50%;background:radial-gradient(circle at 33% 25%,#fff,#d8e7f5 48%,#fbfaf6 75%);width:78px;height:78px;box-shadow:0 0 0 5px #ffffff70,0 0 18px white;font-size:24px;line-height:1.2}.d-self-axis>div{display:flex;align-items:center;justify-content:space-evenly;margin-top:13px}.d-self-axis>div>button{width:64px;height:64px}.d-self-axis small{display:block;font-size:12px;letter-spacing:2px;color:#46505c}.d-identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 8px}.d-identity-grid>button{padding:10px 9px;text-align:left;min-height:146px;overflow:hidden}.d-identity-grid h3{font-size:16px;white-space:nowrap}.d-identity-grid .d-icon{width:52px;height:52px;margin:9px auto}.d-identity-grid p{font-size:11px;line-height:1.6;color:#626e7c;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.d-identity-grid small{display:block;font-size:10px}.d-domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 5px}.d-domain-grid>button{padding:5px 0 9px;border:1px solid #ffffffb0;border-radius:50px;background:linear-gradient(#fff2,#ffffff80);text-align:center}.d-domain-grid .d-icon{width:66px;height:66px;max-width:100%;border:1px solid #deceb787;border-radius:50%;padding:7px;background:radial-gradient(circle at 30% 20%,white,#e2edf799,#ffffff88);box-shadow:0 0 0 4px #ffffff6b;margin:auto}.d-domain-grid span{display:block;font-family:var(--serif);font-size:17px;letter-spacing:2px;margin-top:7px}.d-domain-grid small{display:block;font-size:10px;white-space:nowrap}.d-divider{font-size:16px;letter-spacing:3px;text-align:center;margin:18px 0 12px}.d-growth-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.d-growth-cards>button{padding:10px 0}.d-growth-cards .d-icon{width:50px;height:50px;margin:0 auto 4px}.d-growth-cards span,.d-growth-cards small{display:block}.d-growth-cards span{font-family:var(--serif);font-size:14px}.d-growth-cards small{font-size:10px}
.my-report-hub{position:relative}.d-profile-scene{height:128px;margin-top:-10px;position:relative}.d-profile-scene .d-hero{position:absolute;inset:-80px -16px -35px 30%;height:auto;margin:0;opacity:.65}.d-avatar{position:absolute;left:7px;top:20px;width:82px;height:82px;object-fit:cover;border-radius:50%;border:1px solid #d5bea0;box-shadow:0 0 0 5px #ffffff88}.my-report-head{position:relative;margin:-86px 0 30px 108px;min-height:60px}.my-report-profile b{font-family:var(--serif);font-size:23px;letter-spacing:2px;font-weight:400;display:block}.my-report-profile span{display:block;font-size:11px;color:var(--muted)}.d-metrics{display:flex;position:relative;gap:0;margin:23px 0 18px;text-align:center;width:72%}.d-metrics>div{flex:1;border-right:1px solid #cabb9f66;line-height:1.4}.d-metrics>div:last-child{border:0}.d-metrics b{font-family:var(--serif);font-size:23px;font-weight:400;display:block}.d-metrics small{font-size:11px}.my-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.my-report-card{height:185px;padding:15px;position:relative;overflow:hidden;text-align:left;background:linear-gradient(#fff9,#ffffff08),url(../../../assets/dawn-lotus.webp) center bottom/auto 140px no-repeat}.my-report-card.career{background-image:linear-gradient(#fff9,#ffffff08),url(../../../assets/dawn-world.webp)}.my-report-card h3{font-size:22px;letter-spacing:2px}.my-report-card p{font-size:11px;color:var(--muted);line-height:1.5}.report-no,.report-mark{display:none}.report-go{font-size:10px;display:block;margin-top:5px;color:#886b48}.d-list{margin-top:16px;padding:0 13px}.d-list>button{position:relative;display:grid;grid-template-columns:50px 1fr;grid-template-rows:24px 21px;gap:0 12px;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid #dae1e950}.d-list>button:last-child{border:0}.d-list .d-icon{grid-row:1/3;width:45px;height:45px;background:#fff8;border-radius:50%;padding:6px}.d-list span{font-family:var(--serif);font-size:18px;letter-spacing:2px}.d-list small{font-size:11px}.d-list>button:after{content:'›';position:absolute;right:7px;top:22px;color:var(--gold)}.d-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.d-profile-actions>button{border:1px solid #fff;border-radius:20px;padding:12px;text-align:left;position:relative;background:#fff6}.d-profile-actions .d-icon{float:right;width:39px;height:39px}.d-profile-actions span{font-family:var(--serif);font-size:17px}.d-profile-actions small{display:block;font-size:10px}.d-profile-actions .d-icon+span{display:block}
.destiny-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:25px 0 0;position:relative;z-index:2}.destiny-head h2{font-size:25px;letter-spacing:2px}.destiny-head small{display:none}.destiny-head p{font-family:var(--serif);letter-spacing:2px;font-size:11px;color:var(--muted)}.destiny-records-btn{border:1px solid #fff;background:#ffffff88;border-radius:22px;padding:0 12px;font-size:12px;white-space:nowrap}.d-question-hero{height:180px;margin-top:-20px}.destiny-category-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:13px 8px;border-radius:26px;background:#e8edf544;margin-bottom:14px}.destiny-category-bar button{min-height:32px;border:1px solid white;border-radius:24px;background:#ffffff66;font-family:var(--serif);font-size:14px;min-width:21%;box-shadow:0 3px 12px #acbcd018}.destiny-category-bar button.active{border-color:#d4b386;color:#8b6533;background:#fff9}.destiny-message{border:1px solid #fff;border-radius:24px;background:#ffffff80;padding:16px;margin:12px 0;box-shadow:var(--shadow)}.destiny-message p{font-family:var(--serif);font-size:15px;line-height:1.9}.destiny-message small{font-size:11px}.destiny-message-user{margin-left:18%;background:#e0ecfc;border-radius:25px 25px 4px 25px}.destiny-trajectory,.destiny-time-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.destiny-trajectory>div,.destiny-time-layers>div{padding:12px 9px;border:1px solid #fff;border-radius:21px;background:#ffffff80}.destiny-trajectory span,.destiny-time-layers span{font-family:var(--serif);font-size:19px;display:block;text-align:center;margin-bottom:8px}.destiny-trajectory p,.destiny-time-layers p{font-size:12px}.destiny-trajectory>div:before{content:"";display:block;height:65px;background:url(../../../assets/dawn-world.webp) center/cover;border-radius:50%;margin-bottom:9px}.destiny-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.destiny-result-actions button,.d-share{border:1px solid #fff;border-radius:25px;background:#f9fbff99;padding:6px 14px;font-size:12px}.destiny-composer{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 6px);left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),448px);display:flex;align-items:center;padding:6px 8px 6px 15px;border:2px solid #fff;border-radius:32px;background:#f7f9fded;box-shadow:var(--shadow);z-index:79;backdrop-filter:blur(10px)}.destiny-composer textarea{resize:none;flex:1;min-width:0;border:0;background:none;padding:5px;outline:none;font-size:14px;max-height:110px}.destiny-composer button{width:44px;height:44px;border-radius:50%;background:#a9bfdc;color:white;font-size:12px}.destiny-chat{padding-bottom:78px}.destiny-status{font-size:12px;color:#8b6839;position:relative}.destiny-records-panel{position:fixed;z-index:120;inset:10% max(14px,calc((100vw - 460px)/2)) 110px;background:#f5f8fdf7;backdrop-filter:blur(12px);padding:20px;border:1px solid #fff;border-radius:24px;overflow:auto;box-shadow:0 15px 70px #5a6a7c33}.destiny-records-head{display:flex;justify-content:space-between}.destiny-record-item{display:block;width:100%;text-align:left;border-bottom:1px solid #dce4ed;padding:14px 0}.destiny-record-item span{display:flex;justify-content:space-between}.destiny-answer-action,.destiny-answer-caution{padding:10px;background:#edf2f780;border-radius:12px;font-size:12px}.destiny-answer-points{padding-left:20px;font-size:12px}
.d-energy-hero{height:305px;margin-top:-35px}.d-time-orbit{position:relative;height:255px;margin-top:-275px;pointer-events:none}.d-time-orbit button{position:absolute;padding:0 9px;font-family:var(--serif);font-size:14px;letter-spacing:2px;pointer-events:auto;background:#f9fbff85;border-radius:24px}.d-time-orbit button:nth-child(1){left:10%;top:34%}.d-time-orbit button:nth-child(2){left:43%;top:0}.d-time-orbit button:nth-child(3){right:9%;top:34%}.d-time-orbit button:nth-child(4){left:12%;top:67%}.d-time-orbit button:nth-child(5){left:43%;bottom:0}.d-time-orbit button:nth-child(6){right:11%;top:67%}.d-energy-trend{padding:14px;border:1px solid #fff;border-radius:22px;background:linear-gradient(#fffa,#ffffff40),url(../../../assets/dawn-world.webp) center 70%/cover}.d-energy-trend h2{font-size:22px;letter-spacing:2px}.d-energy-trend svg{width:100%;height:110px;overflow:visible}.d-energy-trend polyline{fill:none;stroke:#b99a6f;stroke-width:2}.d-energy-trend circle{fill:#fdf9ef;stroke:#bd9e71}.d-energy-trend text{font-size:10px;fill:#657484}.d-energy-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.d-energy-card{padding:13px;min-height:154px;overflow:hidden}.d-energy-card h3{font-size:21px;letter-spacing:2px}.d-energy-card p,.d-energy-card li{font-size:12px;color:#697684}.d-energy-card ul{padding-left:18px}.d-ring{width:90px;height:90px;border-radius:50%;background:conic-gradient(#8daecc calc(var(--value)*1%),#e4e9f0 0);padding:8px;margin:10px auto;box-shadow:0 0 0 4px #fff7}.d-ring>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#f8fafc;border:2px solid #fff;border-radius:50%;font-size:24px;font-family:var(--serif)}.d-ring small{font-size:10px}.d-energy-card .d-icon{width:53px;height:53px;margin:10px auto}.d-empty{padding:24px 15px;text-align:center;background:#fff8;border-radius:22px;color:var(--muted);border:1px solid white}
.ai-report-topbar{display:flex;align-items:center;gap:8px;padding:20px 0 12px}.ai-report-heading{flex:1;text-align:center}.ai-report-heading h1{font-size:22px}.ai-report-heading small{display:none}.ai-report-heading p{font-size:11px;color:var(--muted)}.ai-report-back{font-size:28px;width:40px}.ai-report-regenerate{font-size:11px;max-width:55px}.d-share{display:flex;align-items:center;gap:5px;margin:0 0 8px auto}.d-share .d-icon{width:17px;height:17px}.career-view-nav{display:flex;justify-content:center;border:1px solid #fff;border-radius:28px;padding:3px;width:80%;margin:8px auto;background:#edf1f5}.career-view-nav button{flex:1;border-radius:24px;font-family:var(--serif);font-size:15px}.career-view-nav button span{display:none}.career-view-nav button.active{background:#fff;box-shadow:0 0 7px #d3b99455;color:#6a5235}.career-view-intro{min-height:145px;padding:26px 14px;background:linear-gradient(90deg,#ffffffa0,#fff0),url(../../../assets/dawn-world.webp) center/cover;border-radius:16px}.career-view-intro h2{font-size:19px;max-width:85%;letter-spacing:2px}.career-view-intro p{font-size:11px}.career-view-intro small{display:none}.plain-visual-section,.career-visual-section,.career-closing,.life-visual-section{border:1px solid white;border-radius:20px;padding:13px;background:#ffffff60;margin:8px 0}.plain-section-head,.career-section-head{display:flex;gap:8px;align-items:center;margin-bottom:10px}.plain-section-head h3,.career-section-head h3{font-size:20px}.plain-section-head small,.career-section-head small{display:none}.plain-section-head p,.career-section-head p{font-size:11px;color:var(--muted)}.career-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.career-kpi-card{padding:10px 7px;text-align:center;min-width:0}.career-kpi-card:nth-child(-n+3):before{content:"";display:block;width:62px;height:62px;margin:0 auto 8px;background:url(../../../assets/dawn-world.webp) center/cover;border-radius:50%;border:1px solid #d2b68f}.career-kpi-card small,.career-kpi-card b{display:block}.career-kpi-card b{font-family:var(--serif);font-size:15px;font-weight:400}.career-kpi-card small{font-size:11px}.career-kpi-card:nth-child(n+4){border:1px solid white;border-radius:15px;background:#fff6}.career-kpi-card:last-child{grid-column:1/-1}.career-talents-grid,.career-talent-grid,.career-strength-grid,.life-talent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#aiReportBody article{border:1px solid #fff;border-radius:16px;padding:12px;background:#ffffff60;min-width:0}#aiReportBody p{font-size:12px;line-height:1.8;color:#626f80}#aiReportBody h4{font-size:16px;line-height:1.5}#aiReportBody small{font-size:10px}#aiReportBody ul{padding-left:18px;font-size:12px}#aiReportBody [class$="tags"]{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}#aiReportBody [class$="tags"] span{padding:3px 7px;border-radius:14px;background:#edf2f8;font-size:10px;border:1px solid #dce5ee}#aiReportBody [class*="list"]{display:grid;gap:6px}#aiReportBody [class*="level"] i,#aiReportBody [class*="bar"] i{display:block;background:linear-gradient(90deg,#b69567,#e6d4b8);height:6px;border-radius:6px}.ai-report-source-note{font-size:10px;color:var(--muted);padding:15px 8px}.ai-report-loading,.ai-report-error{border:1px solid white;background:#fff8;border-radius:22px;padding:25px;min-height:200px}.ai-report-loading h2,.ai-report-error h2{font-size:22px}.ai-report-loading p,.ai-report-error p{margin-top:10px}.report-loading-orb{height:110px;background:url(../../../assets/dawn-world.webp) center/contain no-repeat}.career-view-panel[hidden]{display:none!important}
.form-card,.empty,.section{padding:20px;border:1px solid #fff;border-radius:22px;background:#ffffff80;margin:12px 0}.fields,.field{display:grid;gap:8px}.two,.onboard-choice,.onboard-date-grid,.onboard-time-grid,.region-picker{display:flex;gap:10px}.two>*,.region-picker>*{flex:1;min-width:0}input,select,textarea{max-width:100%;min-height:44px;border:1px solid #d9e1eb;background:#fbfcfe;border-radius:12px;padding:9px 11px}.field label{font-size:12px;margin-top:6px}.primary-btn,.onboard-next{background:#e2d5c2;border:1px solid #fff;border-radius:22px;padding:10px 20px;margin-top:15px}.segment{display:flex;gap:10px;margin:12px 0}.segment button{border:1px solid #fff;border-radius:20px;padding:4px 18px}.segment button.active{background:#dce8f5}.first-run{position:relative;z-index:90;width:min(100%,450px);margin:30px auto;padding:20px;background:var(--paper)}.first-run.hidden{display:none}.onboard-step{display:none}.onboard-step.active{display:block}.onboard-actions{display:flex;justify-content:space-between;margin-top:20px}.onboard-date-grid select,.onboard-time-grid select{width:100%}.onboard-review{font-size:12px}.first-run-mode .app,.first-run-mode .bottom{display:none}.onboard-card{border:1px solid white;border-radius:25px;padding:20px;background:#fff8}.onboard-title{font-family:var(--serif);font-size:28px}.onboard-step h2{font-size:22px}.onboard-step label{display:block;margin-top:12px}#appSplash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#f4f6fa;pointer-events:none}#appSplash span{font-family:var(--serif);font-size:38px;letter-spacing:15px;color:#a28a68}.boot-app-ready #appSplash{display:none}.loader{position:fixed;inset:0;background:#f2f6faaf;backdrop-filter:blur(5px);z-index:150;display:grid;place-items:center}.loader-box{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.toast{position:fixed;z-index:300;bottom:130px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:#f8fafcf5;border:1px solid #ddceba;box-shadow:var(--shadow);border-radius:20px;color:#594f42;font-size:13px}dialog{max-width:min(94vw,460px);max-height:85dvh;border:1px solid #fff;border-radius:24px;background:#f5f8fc;color:var(--ink);padding:20px;box-shadow:0 20px 90px #50607244}dialog::backdrop{background:#7b8fa055;backdrop-filter:blur(4px)}.d-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.d-dialog-head h2{font-size:24px}.d-dialog-list>button{display:block;width:100%;padding:14px;text-align:left;border-bottom:1px solid #dce4ed}.d-dialog-list p{font-size:12px;color:var(--muted)}.d-dialog-list time{font-size:10px}.lj-detail{background:var(--paper)!important;color:var(--ink)!important}.lj-detail .app{background:var(--paper)!important}.lj-detail .page.active{padding-top:12px!important}.lj-detail .page.active :is(h1,h2,h3,h4,b,strong,label){color:var(--ink)!important}.lj-detail .page.active :is(p,small,span,em){color:inherit}.lj-detail .bottom{display:grid!important}.lj-detail .top{display:none!important}.lj-detail .page.active :is(input,textarea,select){background:#f8fbff!important;color:var(--ink)!important}.lj-detail dialog,.lj-detail .modal{background:var(--paper)!important;color:var(--ink)!important}.lj-detail .raw-palace{border-color:#c8d4e1!important;background:#f5f8fc!important}.lj-detail .raw-center{background:#f8fafc!important;color:var(--ink)!important}.lj-detail #rawAstrolabeGrid{color:var(--ink)!important}.lj-detail .d-head{display:flex!important}
@media(min-width:600px){body{background:radial-gradient(ellipse at top,#e5edf5,var(--paper) 65%)}.app{min-height:100vh;box-shadow:0 0 90px #879bac16;background:var(--paper)}.d-head{height:112px}.d-home .d-hero,.d-growth .d-hero{height:300px}.d-primary .d-icon{width:105px;height:105px}.d-menu button{padding:13px 0}.d-domain-grid .d-icon{width:76px;height:76px}.d-identity-grid>button{min-height:175px}.d-identity-grid h3{font-size:18px}.d-identity-grid p{font-size:12px}}
@media(max-width:360px){.app{padding-left:11px;padding-right:11px}.d-head h1{font-size:27px}.d-primary span{font-size:17px}.d-primary .d-icon{width:82px;height:82px}.d-domain-grid .d-icon{width:58px;height:58px}.d-identity-grid h3{font-size:14px}.destiny-head h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bottom,.destiny-composer,dialog::backdrop{backdrop-filter:none}}

/* Measured decorative source crops. No screenshot text or data is used. */
.d-art-now img,.d-art-decision img{content:url(../../../assets/reference-home.webp)}
.d-art{position:relative;overflow:hidden;isolation:isolate;display:block;flex:none;aspect-ratio:1;mix-blend-mode:multiply}.d-art img{position:absolute;max-width:none;height:auto;pointer-events:none;user-select:none}
.d-art-portrait{--art-source:url(../../../assets/reference-growth.webp)}.d-art-portrait img{width:644.5205479452054%;left:-90.41095890410958%;top:-402.38095238095235%;height:1326.984126984127%}
.d-art-pair{--art-source:url(../../../assets/reference-growth.webp)}.d-art-pair img{width:640.1360544217687%;left:-210.20408163265304%;top:-402.38095238095235%;height:1326.984126984127%}
.d-art-mountain{--art-source:url(../../../assets/reference-growth.webp)}.d-art-mountain img{width:615.0326797385621%;left:-320.9150326797386%;top:-402.38095238095235%;height:1326.984126984127%}
.d-art-coins{--art-source:url(../../../assets/reference-growth.webp)}.d-art-coins img{width:615.0326797385621%;left:-440.5228758169935%;top:-402.38095238095235%;height:1326.984126984127%}
.d-art-lotus{--art-source:url(../../../assets/reference-growth.webp)}.d-art-lotus img{width:644.5205479452054%;left:-91.78082191780823%;top:-554.7619047619047%;height:1326.984126984127%}
.d-art-home{--art-source:url(../../../assets/reference-growth.webp)}.d-art-home img{width:627.3333333333334%;left:-205.33333333333331%;top:-554.7619047619047%;height:1326.984126984127%}
.d-art-sound{--art-source:url(../../../assets/reference-growth.webp)}.d-art-sound img{width:615.0326797385621%;left:-320.26143790849676%;top:-554.7619047619047%;height:1326.984126984127%}
.d-art-book{--art-source:url(../../../assets/reference-growth.webp)}.d-art-book img{width:615.0326797385621%;left:-441.83006535947715%;top:-554.7619047619047%;height:1326.984126984127%}
.d-art-arrow{--art-source:url(../../../assets/reference-growth.webp)}.d-art-arrow img{width:644.5205479452054%;left:-91.0958904109589%;top:-710.3174603174602%;height:1326.984126984127%}
.d-art-compass{--art-source:url(../../../assets/reference-growth.webp)}.d-art-compass img{width:631.5436241610738%;left:-207.38255033557044%;top:-710.3174603174602%;height:1326.984126984127%}
.d-art-globe{--art-source:url(../../../assets/reference-growth.webp)}.d-art-globe img{width:623.1788079470198%;left:-326.49006622516555%;top:-710.3174603174602%;height:1326.984126984127%}
.d-art-orb{--art-source:url(../../../assets/reference-growth.webp)}.d-art-orb img{width:619.078947368421%;left:-444.07894736842104%;top:-710.3174603174602%;height:1326.984126984127%}
.d-art-tree{--art-source:url(../../../assets/reference-growth.webp)}.d-art-tree img{width:863.302752293578%;left:-135.7798165137615%;top:-1319.1011235955057%;height:1878.6516853932585%}
.d-art-rings{--art-source:url(../../../assets/reference-growth.webp)}.d-art-rings img{width:818.2608695652174%;left:-286.0869565217391%;top:-1290.10989010989%;height:1837.3626373626373%}
.d-art-orbit{--art-source:url(../../../assets/reference-growth.webp)}.d-art-orbit img{width:871.2962962962964%;left:-472.22222222222223%;top:-1290.10989010989%;height:1837.3626373626373%}
.d-art-portal{--art-source:url(../../../assets/reference-growth.webp)}.d-art-portal img{width:740.9448818897638%;left:-533.0708661417323%;top:-1290.10989010989%;height:1837.3626373626373%}
.d-art-career{--art-source:url(../../../assets/reference-home.webp)}.d-art-career img{width:1147.5609756097563%;left:-219.51219512195124%;top:-1517.3913043478262%;height:2423.1884057971015%}
.d-art-scroll{--art-source:url(../../../assets/reference-mine.webp)}.d-art-scroll img{width:1191.139240506329%;left:-189.873417721519%;top:-1239.7260273972602%;height:2290.4109589041095%}
.d-art-star{--art-source:url(../../../assets/reference-mine.webp)}.d-art-star img{width:1206.4102564102564%;left:-192.30769230769232%;top:-1636.231884057971%;height:2423.1884057971015%}
.d-art-settings{--art-source:url(../../../assets/reference-mine.webp)}.d-art-settings img{width:1176.25%;left:-186.25%;top:-1638.6666666666667%;height:2229.3333333333335%}
.d-art-self{--art-source:url(../../../assets/reference-home.webp)}.d-art-self img{width:485.05154639175254%;left:-69.58762886597938%;top:-386.4864864864865%;height:903.7837837837837%}
.d-art-now{--art-source:url(../../../assets/reference-home.webp)}.d-art-now img{width:508.64864864864865%;left:-204.86486486486487%;top:-386.4864864864865%;height:903.7837837837837%}
.d-art-decision{--art-source:url(../../../assets/reference-home.webp)}.d-art-decision img{width:487.5647668393782%;left:-323.3160621761658%;top:-386.4864864864865%;height:903.7837837837837%}
.d-art-navOrb{--art-source:url(../../../assets/reference-home.webp)}.d-art-navOrb img{width:1568.3333333333333%;left:-275%;top:-2625.862068965517%;height:2882.7586206896553%}
.d-art-navOrbit{--art-source:url(../../../assets/reference-home.webp)}.d-art-navOrbit img{width:1809.6153846153848%;left:-682.6923076923076%;top:-3408.8888888888887%;height:3715.5555555555557%}
.d-art-navSprout{--art-source:url(../../../assets/reference-home.webp)}.d-art-navSprout img{width:2138.6363636363635%;left:-1236.3636363636363%;top:-3191.666666666667%;height:3483.3333333333335%}
.d-art-navPerson{--art-source:url(../../../assets/reference-home.webp)}.d-art-navPerson img{width:2045.6521739130433%;left:-1580.4347826086957%;top:-3191.666666666667%;height:3483.3333333333335%}
.d-domain-grid .d-art{padding:0!important;border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:50%}.d-primary .d-art{background-color:transparent!important;border-radius:50%}.d-primary .d-art use{display:none}.bottom .d-art{mix-blend-mode:multiply}.bottom .d-art img{filter:none}.d-menu .d-art,.d-growth-cards .d-art,.d-list .d-art{border-radius:18%;padding:0!important;background-color:transparent!important}

/* Local reference sprites, independent of runtime image sizing. */
.d-art img{display:none!important}.d-art{background-repeat:no-repeat!important}
.d-art-portrait{background-image:url(../../../assets/reference-growth.webp)!important;background-size:644.5205479452054% 1326.984126984127%!important;background-position:16.60377358490566% 32.79430789133247%!important}
.d-art-pair{background-image:url(../../../assets/reference-growth.webp)!important;background-size:640.1360544217687% 1326.984126984127%!important;background-position:38.916876574307295% 32.79430789133247%!important}
.d-art-mountain{background-image:url(../../../assets/reference-growth.webp)!important;background-size:615.0326797385621% 1326.984126984127%!important;background-position:62.309644670050766% 32.79430789133247%!important}
.d-art-coins{background-image:url(../../../assets/reference-growth.webp)!important;background-size:615.0326797385621% 1326.984126984127%!important;background-position:85.53299492385788% 32.79430789133247%!important}
.d-art-lotus{background-image:url(../../../assets/reference-growth.webp)!important;background-size:644.5205479452054% 1326.984126984127%!important;background-position:16.85534591194969% 45.21345407503233%!important}
.d-art-home{background-image:url(../../../assets/reference-growth.webp)!important;background-size:627.3333333333334% 1326.984126984127%!important;background-position:38.938053097345126% 45.21345407503233%!important}
.d-art-sound{background-image:url(../../../assets/reference-growth.webp)!important;background-size:615.0326797385621% 1326.984126984127%!important;background-position:62.182741116751274% 45.21345407503233%!important}
.d-art-book{background-image:url(../../../assets/reference-growth.webp)!important;background-size:615.0326797385621% 1326.984126984127%!important;background-position:85.78680203045685% 45.21345407503233%!important}
.d-art-arrow{background-image:url(../../../assets/reference-growth.webp)!important;background-size:644.5205479452054% 1326.984126984127%!important;background-position:16.72955974842768% 57.89133247089262%!important}
.d-art-compass{background-image:url(../../../assets/reference-growth.webp)!important;background-size:631.5436241610738% 1326.984126984127%!important;background-position:39.01515151515151% 57.89133247089262%!important}
.d-art-globe{background-image:url(../../../assets/reference-growth.webp)!important;background-size:623.1788079470198% 1326.984126984127%!important;background-position:62.40506329113925% 57.89133247089262%!important}
.d-art-orb{background-image:url(../../../assets/reference-growth.webp)!important;background-size:619.078947368421% 1326.984126984127%!important;background-position:85.55133079847909% 57.89133247089262%!important}
.d-art-tree{background-image:url(../../../assets/reference-growth.webp)!important;background-size:863.302752293578% 1878.6516853932585%!important;background-position:17.78846153846154% 74.16298168035375%!important}
.d-art-rings{background-image:url(../../../assets/reference-growth.webp)!important;background-size:818.2608695652174% 1837.3626373626373%!important;background-position:39.83050847457627% 74.25679949399114%!important}
.d-art-orbit{background-image:url(../../../assets/reference-growth.webp)!important;background-size:871.2962962962964% 1837.3626373626373%!important;background-position:61.22448979591836% 74.25679949399114%!important}
.d-art-portal{background-image:url(../../../assets/reference-growth.webp)!important;background-size:740.9448818897638% 1837.3626373626373%!important;background-position:83.16953316953317% 74.25679949399114%!important}
.d-art-career{background-image:url(../../../assets/reference-home.webp)!important;background-size:1147.5609756097563% 2423.1884057971015%!important;background-position:20.954598370197903% 65.31503431066751%!important}
.d-art-scroll{background-image:url(../../../assets/reference-mine.webp)!important;background-size:1191.139240506329% 2290.4109589041095%!important;background-position:17.40139211136891% 56.5978736710444%!important}
.d-art-star{background-image:url(../../../assets/reference-mine.webp)!important;background-size:1206.4102564102564% 2423.1884057971015%!important;background-position:17.38122827346466% 70.43044291952589%!important}
.d-art-settings{background-image:url(../../../assets/reference-mine.webp)!important;background-size:1176.25% 2229.3333333333335%!important;background-position:17.305458768873404% 76.95679398872886%!important}
.d-art-self{background-image:url(../../../assets/reference-home.webp)!important;background-size:485.05154639175254% 903.7837837837837%!important;background-position:18.07228915662651% 48.08338937457969%!important}
.d-art-now{background-image:url(../../../assets/reference-home.webp)!important;background-size:508.64864864864865% 903.7837837837837%!important;background-position:50.132275132275126% 48.08338937457969%!important}
.d-art-decision{background-image:url(../../../assets/reference-home.webp)!important;background-size:487.5647668393782% 903.7837837837837%!important;background-position:83.42245989304814% 48.08338937457969%!important}
.d-art-navOrb{background-image:url(../../../assets/reference-home.webp)!important;background-size:1568.3333333333333% 2882.7586206896553%!important;background-position:18.728717366628832% 94.36183395291202%!important}
.d-art-navOrbit{background-image:url(../../../assets/reference-home.webp)!important;background-size:1809.6153846153848% 3715.5555555555557%!important;background-position:39.93250843644544% 94.2839582052858%!important}
.d-art-navSprout{background-image:url(../../../assets/reference-home.webp)!important;background-size:2138.6363636363635% 3483.3333333333335%!important;background-position:60.64659977703455% 94.33497536945814%!important}
.d-art-navPerson{background-image:url(../../../assets/reference-home.webp)!important;background-size:2045.6521739130433% 3483.3333333333335%!important;background-position:81.22905027932961% 94.33497536945814%!important}


/* Reference-measured geometry and interaction states. */
body.lj-detail{transform:none!important;filter:none!important;perspective:none!important;contain:none!important;--text:#303641;--sub:#727d8a}body.lj-detail .bottom{all:unset!important;position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100%,480px)!important;box-sizing:border-box!important;height:calc(80px + env(safe-area-inset-bottom,0px))!important;padding:7px 14px 16px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;border-radius:34px 34px 0 0!important;background:#f9fbfef2!important;border-top:1px solid #fff!important;z-index:2147483000!important;visibility:visible!important;opacity:1!important}body.lj-detail .bottom>.nav{all:unset!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:44px!important;gap:1px!important;font-family:var(--serif)!important;font-size:12px!important;letter-spacing:2px!important;color:#828892!important;cursor:pointer!important}body.lj-detail .bottom>.nav>.d-icon{width:33px!important;height:33px!important;min-width:0!important;max-width:33px!important;margin:0!important}body.lj-detail .bottom>.nav.active{color:#85623b!important}.d-art{mask-image:radial-gradient(ellipse at center,#000 57%,#000c 73%,transparent 97%)}.d-domain-grid .d-art,.d-primary .d-art{mask-image:radial-gradient(ellipse at center,#000 60%,#000e 78%,transparent 100%)}.d-art img{filter:saturate(.9) contrast(1.04)}.d-dual>button,.my-report-card{border:2px solid #fff;box-shadow:inset 0 2px 4px #fff,inset 0 -1px 6px #bfd0e13b,0 0 0 3px #ffffff63,0 4px 18px #b1c0d329}.d-menu,.d-identity-grid>button,.d-growth-cards>button,.d-energy-card{box-shadow:inset 0 1px 3px white,inset 0 -2px 5px #cedcea24,0 7px 20px #aabdd014}
.d-banner{background-image:linear-gradient(90deg,#f6f8fc66,#ffffff00),url(../../../assets/dawn-banner.webp);background-size:cover;background-position:center;min-height:78px;padding:11px 15px}.d-banner>span{font-size:17px;letter-spacing:2px}.d-banner>small{max-width:74%;font-size:10px}.d-head{height:86px}.d-head h1{font-size:29px;color:#242a31}.d-head p{font-size:11px}.d-hero{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 86%,transparent)}.d-growth .d-hero{height:220px;margin-top:-22px}.d-growth .d-domain-grid{gap:5px 3px}.d-domain-grid>.button,.d-domain-grid>button{padding:3px 0 8px}.d-domain-grid .d-icon{width:64px;height:60px}.d-domain-grid span{font-size:15px;margin-top:1px}.d-domain-grid small{font-size:10px}.d-divider{margin:13px 0 8px;font-size:14px}.d-growth-cards>button{padding:7px 0;border-radius:15px}.d-growth-cards .d-icon{width:48px;height:42px}.d-growth-cards span{font-size:13px}.d-growth-cards small{font-size:9px}.d-growth .d-banner{min-height:79px;margin-top:10px}.d-spirit{height:270px;margin-top:-54px}.d-cosmology{margin-top:-208px;font-size:13px}.d-self-axis{margin-top:45px;margin-bottom:0}.d-self-axis>button{width:70px;height:70px}.d-self-axis>div{margin-top:9px}.d-self-axis>div>button{width:58px;height:58px}.d-identity-grid{margin-top:12px;gap:6px}.d-identity-grid>button{min-height:145px;padding:10px 9px;display:flex;flex-direction:column;justify-content:flex-start}.d-identity-grid h3{font-size:16px;line-height:1.5}.d-identity-grid .d-icon{width:48px;height:44px;margin:7px auto}.d-identity-grid p{font-size:10px;line-height:1.6;-webkit-line-clamp:3}.d-identity-grid small{font-size:9px}.d-profile-scene{height:104px}.my-report-head{margin-bottom:24px}.d-metrics{margin-top:15px;margin-bottom:16px}.my-report-card{height:174px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-size:auto 145px}.my-report-card h3{font-size:21px}.my-report-card p{font-size:10px;max-width:150px}.my-report-card .report-go{font-size:10px}.d-list{margin-top:12px}.d-list>button{padding:8px 0;grid-template-rows:23px 19px;grid-template-columns:45px 1fr}.d-list span{font-size:17px}.d-list small{font-size:10px}.d-list .d-icon{width:40px;height:40px}.d-profile-actions{margin-top:10px}.d-profile-actions>button{padding:9px}.d-energy-hero{height:255px;margin-top:-25px}.d-time-orbit{height:222px;margin-top:-237px}.d-energy-card{padding:12px;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.d-energy-card h3{font-size:20px}.d-energy-card>p{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.d-energy-card .d-ring{margin:8px auto}.d-energy-card .d-icon{margin:10px auto}.d-energy-grid+.d-banner>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.d-energy-trend{padding:10px 13px}.d-energy-trend h2{font-size:21px}.d-energy-trend svg{height:91px}.d-original{margin-top:12px;padding:7px 12px}.d-original summary{font-size:11px}
.destiny-message-system:not(:has(.destiny-result-actions)):has(+.destiny-message-user){display:none}.destiny-message{padding:13px}.destiny-message p{font-size:13px}.destiny-category-bar button{min-height:44px}.destiny-category-bar{gap:5px;padding:8px 4px}.d-question-hero{height:155px}.destiny-head{padding-top:24px}.destiny-head h2{font-size:25px}.destiny-head p{font-size:10px}.destiny-records-btn{font-size:10px;padding:0 9px}.destiny-trajectory>div:before{height:65px;border:1px solid #d8c7ad}.destiny-trajectory>div{padding:10px 7px}.destiny-trajectory span{font-size:17px}.destiny-trajectory p{font-size:12px}.destiny-chat{padding-bottom:70px}.destiny-message-user{padding:10px 15px}.destiny-message-user small{font-size:10px}.destiny-result-actions{justify-content:space-between}.destiny-result-actions button{font-size:11px;padding:5px 10px}.destiny-answer-action{font-size:11px}.destiny-composer[style]{display:flex!important}.destiny-composer textarea{display:block!important}.destiny-composer{min-height:54px}.destiny-composer.locked{opacity:.85}
.d-report-active .bottom{display:none!important}.d-report-active .app{padding-bottom:20px}.ai-report-topbar{padding:18px 0 6px}.ai-report-heading h1{font-size:22px}.ai-report-heading p{font-size:10px}.d-share{position:absolute;right:10px;top:67px;border:0;background:none;padding:0;min-height:32px;font-size:10px}.career-view-nav{margin-top:9px;margin-bottom:10px;width:72%;min-height:36px}.career-view-nav button{min-height:34px;font-size:13px}.career-view-intro{min-height:113px;padding:19px 13px;background-image:linear-gradient(90deg,#fafbfe90,#fff0),url(../../../assets/dawn-banner.webp)}.career-view-intro h2{font-size:17px;line-height:1.7}.plain-visual-section,.career-visual-section{padding:10px;border-radius:16px}.plain-section-head,.career-section-head{margin-bottom:6px}.plain-section-head h3{font-size:18px}.plain-section-head>span{font-size:9px;color:var(--muted);margin-left:auto;max-width:55%}.career-kpi-grid{gap:4px}.career-kpi-card{padding:8px 4px}.career-kpi-card small{font-size:10px}.career-kpi-card b{font-size:14px}.career-kpi-grid .career-kpi-card:nth-child(-n+3):before{height:46px;width:57px;margin-bottom:6px}.career-talent-v195-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.career-talent-v195-card{padding:8px 5px!important}.career-talent-v195-index{font-family:var(--serif);font-size:13px;color:var(--gold);text-align:center}.career-talent-v195-main>small{display:none}.career-talent-v195-main h4{font-size:13px!important}.career-talent-v195-main p{font-size:10px!important;line-height:1.55!important}.career-talent-v195-main .career-role-tags{gap:2px!important}.career-talent-v195-main .career-role-tags span{font-size:9px!important;padding:1px 4px!important}.career-talent-v195-use{font-size:9px;line-height:1.5}.career-talent-v195-use span,.career-talent-v195-use b{display:block;font-weight:400}.career-talent-v195-use span{color:#828a95}.career-industry-v195-grid{display:grid;gap:5px}.career-industry-v195-card{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;padding:7px 9px!important}.career-industry-v195-top{grid-column:1/-1;display:flex;align-items:center;gap:7px}.career-industry-v195-rank{font-family:var(--serif);font-size:17px;color:var(--gold)}.career-industry-v195-title{flex:1}.career-industry-v195-title>small{display:none}.career-industry-v195-title h4{font-size:14px!important}.career-industry-v195-score{display:flex;gap:4px;align-items:center;font-family:var(--serif)}.career-industry-v195-score em{font-size:9px;color:var(--muted)}.career-industry-v195-score strong{font-size:14px;font-weight:400}.career-industry-v195-track{grid-column:1/-1;position:relative;height:5px;border-radius:6px;background:#dde6ef;overflow:hidden}.career-industry-v195-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#ad906b,#eee1ca)}.career-industry-v195-card>p{font-size:10px!important;grid-column:1}.career-industry-v195-card .career-role-tags{grid-column:2;margin:0!important;justify-content:flex-end}.career-industry-v195-foot{grid-column:1/-1;font-size:9px;color:var(--muted)}.career-industry-v195-foot b{font-weight:400;margin:0 7px}.d-career-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0}.d-career-extra>article{padding:10px!important;min-height:70px;text-align:left}.d-career-extra small{font-size:11px!important;color:var(--ink)}.d-career-extra b{font-size:12px}.career-money-card{display:flex;gap:7px}.career-money-card .career-rank{font-size:12px;color:var(--gold)}.career-level-bar{height:5px;background:#dde6ef;overflow:hidden}.career-level-bar i{height:5px}.career-closing{background:linear-gradient(90deg,#fff9,#fff0),url(../../../assets/dawn-banner.webp) center/cover;min-height:70px}.career-closing small{display:none}.career-closing p{font-family:var(--serif);font-size:16px!important;max-width:72%}
body.raw-chart-page-active.lj-detail .bottom{display:grid!important;visibility:visible!important;opacity:1!important;position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:min(100%,480px)!important;height:calc(var(--nav-height) + var(--safe-bottom))!important;z-index:2147483000!important}body.raw-chart-page-active.lj-detail #chartPage .raw-chart-mobile-nav{bottom:calc(var(--nav-height) + var(--safe-bottom))!important;height:44px!important;min-height:44px!important;max-height:44px!important;background:#f4f6fa!important}body.raw-chart-page-active.lj-detail #rawAstrolabeCard{grid-template-rows:calc(var(--raw-v135-astro-h,560px) - 68px) 12px var(--raw-v135-fortune-h,190px)!important}body.raw-chart-page-active.lj-detail #rawAstrolabeGrid{height:calc(var(--raw-v135-astro-h,560px) - 68px)!important;min-height:0!important;max-height:none!important}body.raw-chart-page-active.lj-detail .bottom .nav{min-height:44px!important;color:#626c78!important;background:none!important}.raw-chart-mobile-nav button{font-size:10px!important}
@media(prefers-reduced-motion:no-preference){.page.active>.d-head,.page.active>.d-home-main{animation:dawn-enter .3s ease-out both}.d-hero img{animation:dawn-breathe 9s ease-in-out infinite alternate;transform-origin:50% 45%}.d-primary button,.d-dual button,.d-domain-grid button,.my-report-card,.d-growth-cards button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.d-primary button:hover,.d-dual button:hover,.d-domain-grid button:hover,.my-report-card:hover,.d-growth-cards button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8ba8c526,inset 0 0 14px #fff}.d-primary button:active,.d-dual button:active,.d-domain-grid button:active,.my-report-card:active,.d-growth-cards button:active{transform:scale(.975)}.bottom .nav.active .d-icon{animation:dawn-light 3.8s ease-in-out infinite alternate}}@keyframes dawn-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dawn-breathe{to{transform:scale(1.025)}}@keyframes dawn-light{to{filter:drop-shadow(0 0 5px #a8d0f5)}}

body.raw-chart-page-active #rawChartGlobalVisibleNav{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;height:44px!important;min-height:44px!important}
.d-self-axis button{padding:0 2px;white-space:nowrap}.d-self-axis>div>button{font-size:19px}.d-self-axis small{font-size:10px;letter-spacing:1px}
.career-kpi-card:last-child{grid-column:auto}.career-kpi-card:before{display:none!important}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:before{display:block!important}.d-career-extra .career-kpi-card:before{display:none!important}.career-level{display:flex!important;gap:2px!important;width:100%;height:5px!important;margin:5px 0}.career-level i{display:block!important;flex:1;height:5px!important;background:#dce6f0!important}.career-level i.on{background:#c5ad87!important}
.d-growth .d-hero{height:198px!important}.d-growth .d-domain-grid .d-icon{height:52px;width:56px}.d-growth .d-domain-grid>button{padding-bottom:5px}.d-growth .d-growth-cards .d-icon{height:36px;width:42px}.d-growth .d-banner{min-height:70px}

.d-career-extra .career-kpi-card{grid-column:auto!important}.career-entrepreneurship .career-kpi-grid{grid-template-columns:1fr 1fr}.career-entrepreneurship .career-kpi-card{min-height:0}.career-entrepreneurship .career-kpi-card:before{display:none!important}.d-energy-card{min-height:143px}.d-energy-card .d-icon{width:49px;height:46px;margin:5px auto}.d-energy-card .d-ring{width:76px;height:76px}.d-energy-card>p{-webkit-line-clamp:3}.d-energy-trend{background-image:linear-gradient(#fffffff0,#ffffffd9),url(../../../assets/dawn-banner.webp)}

/* Faithful decorative reference regions. Interactive labels and report values remain HTML. */
.d-home .d-hero{background-image:url(../../../assets/reference-home.webp);background-repeat:no-repeat;background-size:125.29960053262317% 572.6027397260274%;background-position:50.526315789473685% 14.202898550724639%;height:auto!important;aspect-ratio:751/292;margin:0 -16px 5px!important;mask-image:linear-gradient(transparent,#000 7%,#000 95%,transparent)}.d-home .d-hero img,.d-growth .d-hero img{visibility:hidden}.d-growth .d-hero{background-image:url(../../../assets/reference-growth.webp);background-repeat:no-repeat;background-size:125.29960053262317% 544.6254071661238%;background-position:50.526315789473685% 14.139194139194139%;height:auto!important;aspect-ratio:751/307;margin:0 -16px 4px!important}.d-hero img{width:100%;height:100%;position:absolute}.my-report-card{position:relative;isolation:isolate;background-image:linear-gradient(135deg,#ffffffbf,#dfebf67f)!important;overflow:hidden}.my-report-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:56%;z-index:-1;mask-image:linear-gradient(transparent,#000 20%);}.my-report-card[data-ai-report="life"]:after{background-image:url(../../../assets/reference-mine.webp);background-repeat:no-repeat;background-size:287.76758409785936% 1013.3333333333333%;background-position:20.684039087947884% 44.79097544790975%;}.my-report-card[data-ai-report="career"]:after{background-image:url(../../../assets/reference-mine.webp);background-repeat:no-repeat;background-size:289.53846153846155% 1013.3333333333333%;background-position:79.70779220779221% 44.79097544790975%;}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:nth-child(1):before{background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:553.5294117647059% 1706.1224489795918%;background-position:19.974059662775616% 31.76620076238882%;border:0;border-radius:0;width:76px;height:46px;order:1}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:nth-child(1){display:flex;flex-direction:column;gap:4px;align-items:center}.career-kpi-card>small{order:0}.career-kpi-card>b{order:2}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:nth-child(2):before{background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:588.125% 1706.1224489795918%;background-position:50.44814340588989% 31.76620076238882%;border:0;border-radius:0;width:76px;height:46px;order:1}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:nth-child(2){display:flex;flex-direction:column;gap:4px;align-items:center}.career-kpi-card>small{order:0}.career-kpi-card>b{order:2}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:nth-child(3):before{background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:615.0326797385621% 1706.1224489795918%;background-position:80.20304568527918% 31.76620076238882%;border:0;border-radius:0;width:76px;height:46px;order:1}.career-view-panel>.plain-visual-section:nth-child(2) .career-kpi-card:nth-child(3){display:flex;flex-direction:column;gap:4px;align-items:center}.career-kpi-card>small{order:0}.career-kpi-card>b{order:2}.d-talent-art-0:before{content:'';display:block;background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:765.040650406504% 1778.723404255319%;background-position:19.682151589242054% 47.27503168567807%;width:60px;height:42px;margin:auto}.d-talent-art-0 .career-talent-v195-index{display:none}.d-talent-art-1:before{content:'';display:block;background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:723.8461538461538% 1778.723404255319%;background-position:40.5672009864365% 47.27503168567807%;width:60px;height:42px;margin:auto}.d-talent-art-1 .career-talent-v195-index{display:none}.d-talent-art-2:before{content:'';display:block;background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:811.2068965517242% 1778.723404255319%;background-position:61.09090909090909% 47.27503168567807%;width:60px;height:42px;margin:auto}.d-talent-art-2 .career-talent-v195-index{display:none}.d-talent-art-3:before{content:'';display:block;background-image:url(../../../assets/reference-career.webp);background-repeat:no-repeat;background-size:863.302752293578% 1778.723404255319%;background-position:81.49038461538461% 47.27503168567807%;width:60px;height:42px;margin:auto}.d-talent-art-3 .career-talent-v195-index{display:none}.d-career-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.d-career-summary-grid>section{margin:0;min-width:0;padding:10px}.d-career-summary-grid h3{font-size:16px!important}.d-career-summary-grid .plain-section-head>span{display:none}.d-career-summary-grid .career-kpi-card{background:transparent;padding:4px 0}.d-career-summary-grid .career-kpi-grid{display:block}.d-career-summary-grid .career-kpi-card:before{display:none!important}.d-career-summary-grid p,.d-career-summary-grid b{font-size:11px!important;line-height:1.65!important}.d-career-summary-grid .career-gap-card,.d-career-summary-grid .career-money-card{padding:6px 0!important;background:none}.d-career-summary-grid .career-gap-card small{display:none}.d-career-complete{margin-top:10px;border:1px solid #fff;border-radius:18px;padding:10px}.d-career-complete summary{min-height:44px;cursor:pointer;color:var(--muted)}.d-career-complete .career-kpi-card{display:inline-block;width:50%;vertical-align:top}.career-industry-v195-card{position:relative;padding:8px!important;gap:3px}.career-industry-v195-top{grid-column:1/-1}.career-industry-v195-foot{display:none}.career-industry-v195-card>p{margin:0!important}.career-industry-v195-card .career-role-tags span{font-size:9px}.career-kpi-card b{overflow-wrap:anywhere;font-size:13px}.career-talent-v195-use{font-size:9px}.d-home .d-primary .d-icon{width:82px;height:79px}.d-home .d-menu button{padding:8px 0}.d-home .d-banner{margin-top:10px}.d-growth .d-domain-grid{gap:4px 3px}.d-growth .d-domain-grid>button{padding-top:2px}.d-growth .d-divider{margin-top:9px}.d-growth .d-banner{min-height:68px}.d-growth-cards>button{padding:5px 0}.d-time-orbit button[aria-pressed="true"]{box-shadow:0 0 0 1px #cab184,0 0 13px white;color:#81603a}#dawnQuestionRestart{color:#79716a;justify-content:flex-start;font-size:12px;min-height:54px}.destiny-category-bar{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.destiny-category-bar button{flex:0 0 auto;min-width:44px;padding:0 10px;font-size:11px}.destiny-trajectory>div:nth-child(2):before{background-image:url(../../../assets/dawn-lotus.webp)}.destiny-trajectory>div:nth-child(3):before{background-image:url(../../../assets/dawn-banner.webp)}

/* Final measured density and narrow-screen boundaries. */
.d-head{height:66px;padding-top:7px}.d-head h1{line-height:1.3}.d-head .d-settings{margin-top:9px}.d-motto{font-family:var(--serif);font-size:10px;line-height:1.6;letter-spacing:2px;background:#ffffff6b;border-radius:20px;padding:6px 9px;flex:none}.d-art-bell{background-image:url(../../../assets/reference-home.webp)!important;background-size:2295.12% 4179.99%!important;background-position:71% 7.28%!important}.d-head .d-art-settings{background-image:url(../../../assets/reference-mine.webp)!important;background-size:2613.89% 4644.44%!important;background-position:85.75% 6.85%!important}
.d-growth .d-domain-grid span{font-size:14px;line-height:1.3}.d-growth .d-domain-grid small{font-size:9px;line-height:1.5}.d-growth .d-domain-grid>button{box-shadow:inset 0 0 12px #fff9;position:relative}.d-growth .d-domain-grid>button:after{content:'';position:absolute;left:50%;bottom:-5px;height:7px;width:1px;background:#d8bd9066}.d-identity-grid p{-webkit-line-clamp:2}.d-identity-grid>button{min-height:143px}.d-identity-grid h3{font-size:15px}.d-identity-grid small{line-height:1.4}.d-home .d-dual button{height:91px}.d-home .d-dual span{font-size:21px}.d-home .d-dual small{font-size:11px}
#aiReportBody .career-view-panel>.plain-visual-section{padding:8px;margin:6px 0}#aiReportBody .plain-section-head h3{font-size:15px}#aiReportBody .plain-section-head>span{font-size:8px}#aiReportBody .career-kpi-card{padding:6px 3px}#aiReportBody .career-kpi-card small{font-size:9px}#aiReportBody .career-kpi-card b{font-size:12px}#aiReportBody .career-talent-v195-card{padding:5px!important}#aiReportBody .career-talent-v195-main h4{font-size:11px!important}#aiReportBody .career-talent-v195-main p{font-size:9px!important;line-height:1.45!important}#aiReportBody .career-talent-v195-use{font-size:8px;line-height:1.4}#aiReportBody .career-talent-v195-main .career-role-tags{gap:2px;margin:4px 0}#aiReportBody .career-talent-v195-main .career-role-tags span{font-size:8px!important;padding:0 3px!important}#aiReportBody .career-industry-v195-card{display:grid;grid-template-columns:1fr 1fr;padding:6px!important;gap:2px}#aiReportBody .career-industry-v195-title h4{font-size:12px!important}#aiReportBody .career-industry-v195-card>p{font-size:9px!important;line-height:1.4}#aiReportBody .career-industry-v195-card .career-role-tags{margin:0;gap:1px}#aiReportBody .career-industry-v195-card .career-role-tags span{font-size:8px;padding:0 3px}#aiReportBody .d-career-summary-grid h3{font-size:14px!important}#aiReportBody .d-career-summary-grid p,#aiReportBody .d-career-summary-grid b{font-size:10px!important}#aiReportBody .career-view-intro{min-height:83px;padding:15px 12px}#aiReportBody .career-view-intro h2{font-size:15px}.d-report-active .ai-report-topbar{padding:7px 0 2px}.d-report-active .ai-report-heading h1{font-size:18px}.d-report-active .d-share{top:50px}.career-view-nav button{min-height:44px}.career-view-nav{margin:3px auto 8px}.ai-report-regenerate{max-width:none;font-size:9px;padding:0 3px}.d-career-complete{font-size:11px}
@media(max-width:360px){.d-hero,.d-home .d-hero,.d-growth .d-hero{margin-left:-11px!important;margin-right:-11px!important}.d-motto{font-size:8px;letter-spacing:1px;padding:6px}.d-head h1{font-size:25px}.d-identity-grid h3{font-size:14px}.d-head .d-icon{width:22px;height:22px}}
@media(max-width:360px){.d-profile-scene .d-hero{right:-11px;margin:0!important}}
.d-energy-hero img{transform:scale(1.4)}.d-energy-hero:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:205px;height:205px;border:1px solid #d4b68c88;border-radius:50%;box-shadow:0 0 0 10px #ffffff77,0 0 0 24px #ffffff44,0 0 0 36px #ffffff22}.d-energy-trend svg{height:75px}.d-energy-trend{padding:9px 13px}.d-energy-trend h2{font-size:18px}.d-energy-card{padding:10px;min-height:132px}.d-energy-card h3{font-size:18px}.d-energy-card>p{font-size:10px!important;-webkit-line-clamp:2}.d-energy-card .d-ring{width:68px;height:68px;padding:6px}.d-energy-card .d-icon{width:43px;height:40px}.d-question-methods{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;border-top:1px solid white}.d-question-methods button{font-family:var(--serif);font-size:12px;min-width:96px}.d-question-methods small{display:block;font-size:9px}.d-question-methods>span{color:var(--gold)}.destiny-trajectory>div{display:flex;flex-direction:column}.destiny-trajectory>div>span{order:0}.destiny-trajectory>div:before{order:1;flex:none}.destiny-trajectory>div>p{order:2}.destiny-trajectory p{font-size:11px;line-height:1.6}.destiny-trajectory span{font-size:15px}.destiny-head{padding-top:10px}.destiny-head h2{font-size:23px}.d-question-hero{height:124px}.destiny-message-user{max-width:82%;margin-left:auto}.destiny-message{padding:12px}.destiny-message p{font-size:12px}.destiny-chat{padding-bottom:115px}.destiny-category-bar{flex-wrap:wrap;justify-content:center;gap:4px;padding:5px}.destiny-category-bar button{flex:0 0 22%;max-width:80px}.d-question-methods+ .destiny-result-actions{margin-bottom:3px}
.d-head>button:first-child:not(.d-settings){width:44px}.d-head .d-settings{min-width:44px}.d-share{min-height:44px}@media(prefers-reduced-motion:no-preference){.d-home .d-hero:before,.d-growth .d-hero:before{content:"";position:absolute;inset:12% 22%;background:radial-gradient(ellipse,#fff9,transparent 68%);pointer-events:none;animation:dawn-pearl 7s ease-in-out infinite alternate}@keyframes dawn-pearl{from{opacity:.1}to{opacity:.6}}}
.d-dual button{background:linear-gradient(110deg,#f9fbffd9,#ffffff33),url(../../../assets/dawn-world.webp) left 72%/auto 150px no-repeat}.d-dual button:last-child{background-image:linear-gradient(100deg,#f9fbffbd,#ffffff22),url(../../../assets/dawn-banner.webp);background-position:center;background-size:cover}.d-dual .d-icon{display:none}.d-menu .d-art-lotus{background-image:url(../../../assets/reference-home.webp)!important;background-size:1289.04% 2572.3%!important;background-position:40.55% 65.53%!important}.d-art-domain-mesh{background-image:url(../../../assets/reference-home.webp)!important;background-size:1845.1% 2653.97%!important;background-position:79.44% 65.75%!important}.bottom .nav:not(.active) .d-art-navOrb{background-image:url(../../../assets/reference-growth.webp)!important;background-size:2138.64% 3888.37%!important;background-position:19.4% 94.97%!important}.bottom .nav.active .d-art-navSprout{background-image:url(../../../assets/reference-growth.webp)!important}.bottom .nav.active .d-art-navPerson{background-image:url(../../../assets/reference-mine.webp)!important}.bottom .nav.active .d-art-navOrbit{background-image:url(../../../assets/reference-question.webp)!important}
/* Compact reference layout; all report values remain in the original DOM. */
#aiReportBody .career-industry-v195-card{grid-template-columns:24px minmax(0,1fr) 68px 66px;align-items:center;gap:3px 5px;padding:7px 4px!important}
#aiReportBody .career-industry-v195-top{display:contents}
#aiReportBody .career-industry-v195-rank{grid-column:1;grid-row:1/3;font-size:13px}
#aiReportBody .career-industry-v195-title{grid-column:2;grid-row:1}
#aiReportBody .career-industry-v195-title h4{font-size:10px!important;margin:0}
#aiReportBody .career-industry-v195-score{grid-column:4;grid-row:1;justify-content:flex-end;gap:3px}
#aiReportBody .career-industry-v195-score strong{font-size:11px}
#aiReportBody .career-industry-v195-score em{font-size:8px}
#aiReportBody .career-industry-v195-track{grid-column:3;grid-row:1;height:5px;margin:0}
#aiReportBody .career-industry-v195-card>p{grid-column:2;grid-row:2;margin:0;font-size:8px!important}
#aiReportBody .career-industry-v195-card>.career-role-tags{grid-column:3/5;grid-row:2;justify-content:flex-end;flex-wrap:wrap}
#aiReportBody .career-industry-v195-foot{grid-column:2/5;margin:0;padding:0}

/* V7.1 home hero refinement · reference-home visual reconstruction */
.d-home{
  position:relative;
  isolation:isolate;
}
.d-home.page>.d-head{
  position:absolute!important;
  inset:0 0 auto 0;
  z-index:8;
  height:112px!important;
  padding:18px 7px 0!important;
  align-items:flex-start;
  pointer-events:auto;
}
.d-home.page>.d-head>div{
  padding-top:1px;
}
.d-home.page>.d-head h1{
  font-size:34px!important;
  line-height:1.16!important;
  letter-spacing:5px;
  color:#28313a;
  text-shadow:0 1px 0 #fff,0 5px 16px rgba(121,138,155,.08);
}
.d-home.page>.d-head p{
  margin-top:8px;
  font-size:11px!important;
  line-height:1.45;
  letter-spacing:4px;
  color:#6d7680;
  text-shadow:0 1px 5px rgba(255,255,255,.9);
}
.d-home.page>.d-head .d-settings{
  margin-top:10px!important;
  padding:6px 5px!important;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(5px);
}
.d-home.page>.d-head .d-settings .d-icon{
  color:#a17f50;
  filter:drop-shadow(0 0 4px rgba(208,173,111,.25));
}
.d-home.page>.d-head .d-motto{
  margin-top:5px;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.58);
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.34));
  color:#74787e;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.86),0 8px 22px rgba(130,151,170,.07);
  backdrop-filter:blur(10px) saturate(1.12);
}
.d-home.page>.d-hero{
  position:relative;
  z-index:1;
  height:414px!important;
  margin:0 -16px -112px!important;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(249,251,255,.10) 0%,rgba(249,251,255,0) 58%,rgba(244,246,250,.55) 88%,#f4f6fa 100%),
    url(../../../assets/dawn-world.webp) center 43%/cover no-repeat!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  pointer-events:none;
}
.d-home.page>.d-hero::before{
  content:"";
  position:absolute;
  inset:-12% -12% 4%;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.48),rgba(255,255,255,0) 29%),
    linear-gradient(90deg,rgba(255,255,255,.18),transparent 24%,transparent 76%,rgba(255,255,255,.16));
  mix-blend-mode:screen;
  pointer-events:none;
}
.d-home.page>.d-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:128px;
  background:linear-gradient(to bottom,rgba(244,246,250,0),rgba(244,246,250,.76) 68%,#f4f6fa 100%);
  pointer-events:none;
}
.d-home.page>.d-hero img{
  display:none!important;
}
.d-home #homeContent{
  position:relative;
  z-index:4;
}
.d-home #homeContent>.d-home-main{
  position:relative;
  z-index:4;
}
.d-home .d-dual{
  position:relative;
  z-index:5;
  gap:10px;
  margin:0 4px 31px;
  padding-bottom:2px;
}
.d-home .d-dual::before{
  content:"";
  position:absolute;
  left:50%;
  top:84px;
  width:1px;
  height:49px;
  transform:translateX(-50%);
  background:linear-gradient(to bottom,rgba(194,155,92,.18),rgba(194,155,92,.76),rgba(194,155,92,.12));
  box-shadow:0 0 9px rgba(217,187,137,.32);
  pointer-events:none;
}
.d-home .d-dual::after{
  content:"";
  position:absolute;
  left:50%;
  top:121px;
  width:21px;
  height:21px;
  transform:translateX(-50%);
  border:1px solid rgba(204,167,105,.56);
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 30%,#fff 0 18%,#d8e8f6 26%,#91b7d9 50%,#faf3e5 72%,#fff 100%);
  box-shadow:0 0 0 7px rgba(255,255,255,.46),0 0 18px rgba(205,172,112,.28),inset 0 0 5px #fff;
  pointer-events:none;
}
.d-home .d-dual>button{
  position:relative;
  height:108px!important;
  min-height:108px;
  padding:17px 16px!important;
  overflow:hidden;
  text-align:left;
  border:1.5px solid rgba(255,255,255,.92)!important;
  background:
    linear-gradient(102deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.54) 40%,rgba(239,247,254,.21) 70%,rgba(255,255,255,.42) 100%),
    url(../../../assets/dawn-world.webp) left 75%/auto 178px no-repeat!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -8px 22px rgba(170,194,217,.08),
    0 0 0 3px rgba(255,255,255,.32),
    0 10px 27px rgba(112,139,163,.12)!important;
  backdrop-filter:blur(9px) saturate(1.12);
}
.d-home .d-dual>button:first-child{
  border-radius:28px 42px 32px 28px!important;
  background-position:left 73%!important;
}
.d-home .d-dual>button:last-child{
  border-radius:42px 28px 28px 32px!important;
  background:
    linear-gradient(98deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.46) 48%,rgba(236,246,254,.19) 70%,rgba(255,255,255,.38) 100%),
    url(../../../assets/dawn-world.webp) right 73%/auto 178px no-repeat!important;
}
.d-home .d-dual>button::before{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:inherit;
  box-shadow:inset 0 0 18px rgba(255,255,255,.22);
  pointer-events:none;
}
.d-home .d-dual>button::after{
  content:"›";
  position:absolute;
  right:12px;
  top:14px;
  font-family:var(--serif);
  font-size:28px;
  font-weight:300;
  line-height:1;
  color:rgba(176,145,92,.50);
  text-shadow:0 0 8px rgba(255,255,255,.95);
}
.d-home .d-dual>button span,
.d-home .d-dual>button small{
  position:relative;
  z-index:2;
  text-shadow:0 1px 7px rgba(255,255,255,.98);
}
.d-home .d-dual>button span{
  font-size:22px!important;
  line-height:1.25;
  letter-spacing:3px;
  color:#2d333a;
}
.d-home .d-dual>button small{
  margin-top:4px;
  font-size:11px!important;
  line-height:1.4;
  letter-spacing:2px;
  color:#737c85;
}
.d-home .d-dual .d-icon{
  display:none!important;
}
.d-home .d-primary{
  margin:7px 0 11px!important;
}
.d-home .d-primary button{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.43));
}
.d-home .d-primary .d-icon{
  width:82px!important;
  height:82px!important;
  overflow:visible;
  border-radius:50%;
  box-shadow:
    inset 0 0 0 1px rgba(205,169,106,.18),
    0 0 0 3px rgba(255,255,255,.28),
    0 0 14px rgba(202,168,106,.12);
  filter:
    drop-shadow(0 0 1px rgba(191,151,82,.76))
    drop-shadow(0 0 5px rgba(211,179,122,.32))
    drop-shadow(0 0 12px rgba(255,255,255,.96))!important;
}
.d-home .d-primary .d-icon::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  border:1px solid rgba(201,165,102,.20);
  box-shadow:inset 0 0 8px rgba(255,255,255,.76),0 0 8px rgba(223,196,145,.16);
  pointer-events:none;
}
.d-home .d-primary button:hover .d-icon,
.d-home .d-primary button:focus-visible .d-icon{
  box-shadow:
    inset 0 0 0 1px rgba(195,152,80,.28),
    0 0 0 3px rgba(255,255,255,.38),
    0 0 18px rgba(205,169,106,.20);
}
.d-home .d-primary span{
  font-size:18px;
}
.d-home .d-primary small{
  color:#7b8188;
}

@media(max-width:360px){
  .d-home.page>.d-head{height:104px!important;padding:16px 4px 0!important}
  .d-home.page>.d-head h1{font-size:30px!important;letter-spacing:4px}
  .d-home.page>.d-head p{font-size:10px!important;letter-spacing:3px}
  .d-home.page>.d-hero{height:382px!important;margin-left:-11px!important;margin-right:-11px!important;margin-bottom:-105px!important}
  .d-home .d-dual{gap:7px;margin-left:0;margin-right:0;margin-bottom:28px}
  .d-home .d-dual>button{height:100px!important;min-height:100px;padding:15px 13px!important;background-size:auto 164px!important}
  .d-home .d-dual>button span{font-size:20px!important;letter-spacing:2px}
  .d-home .d-dual>button small{font-size:10px!important;letter-spacing:1.5px}
  .d-home .d-dual::before{top:79px;height:44px}
  .d-home .d-dual::after{top:112px;width:19px;height:19px}
  .d-home .d-primary .d-icon{width:76px!important;height:76px!important}
}

/* V7.1 home hero refinement v7 · natural-height notch cover + zero-jitter navigation */
/*
 * 1. dawn-world.webp 保持 1536×1024 的自然 3:2 比例，不再以 100% 100% 拉伸。
 * 2. 主图本体从可视屏幕 y=0 开始，safe-area 仅向上补到灵动岛/状态栏后方，因此不会吃掉主图自然高度。
 * 3. 底部导航取消 translate 居中与移动端毛玻璃实时合成，降低 iOS Safari 切页时的整层抖动。
 * 4. 四枚导航图标改为内联矢量，不依赖外部 SVG <use>，兼容 iOS Safari。
 */
html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
html{scroll-behavior:auto!important;}
body.lj-detail .app,
body.lj-detail #homePage.d-home.page.active,
body.lj-detail #homePage.d-home.page.active .d-home-main{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.page,.page.active{transition:none!important;}
.page.active>.d-head,.page.active>.d-home-main{animation:none!important;transform:none!important;}

/* 首页顶部：Hero 作为绝对背景，标题与档案按钮真正叠在图片之上。 */
.d-home.page{
  --home-hero-natural-h:min(66.666667vw,320px);
  --home-head-h:96px;
  position:relative!important;
  isolation:isolate;
  min-width:0!important;
}
.d-home.page>.d-head{
  position:relative!important;
  z-index:3!important;
  height:var(--home-head-h)!important;
  padding:10px 0 0!important;
  margin:0!important;
  background:transparent!important;
}
.d-home.page>.d-head>div{padding-top:2px!important;}
.d-home.page>.d-head h1{
  font-size:31px!important;
  line-height:1.28!important;
  letter-spacing:3px!important;
  text-shadow:0 1px 12px rgba(255,255,255,.82);
}
.d-home.page>.d-head p{
  margin-top:5px!important;
  font-size:10px!important;
  letter-spacing:2px!important;
  text-shadow:0 1px 10px rgba(255,255,255,.88);
}
.d-home.page>.d-head .d-motto{display:none!important;}
.d-home.page>.d-head .home-archive-btn{
  display:grid!important;
  place-items:center!important;
  align-self:flex-start!important;
  margin-left:auto!important;
  margin-top:1px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,250,253,.48))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 7px 20px rgba(115,139,160,.08)!important;
  backdrop-filter:blur(12px) saturate(1.12);
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  transform:none!important;
}
.d-home.page>.d-head .home-archive-btn .d-archive-icon{
  width:25px!important;
  height:25px!important;
  display:block;
  overflow:visible;
  filter:drop-shadow(0 0 4px rgba(207,172,108,.18));
}
.d-home.page>.d-head .home-archive-btn .archive-folder-back{fill:rgba(255,255,255,.28);stroke:#a78350;stroke-width:1.25;stroke-linejoin:round;}
.d-home.page>.d-head .home-archive-btn .archive-sheet{fill:rgba(255,255,255,.64);stroke:#b1905f;stroke-width:1.05;}
.d-home.page>.d-head .home-archive-btn .archive-line{fill:none;stroke:#9a7949;stroke-width:1.2;stroke-linecap:round;}
.d-home.page>.d-head .home-archive-btn .archive-glint{fill:#d4ae6e;opacity:.86;filter:drop-shadow(0 0 3px rgba(219,181,112,.42));}
.d-home.page>.d-head .home-archive-btn:active{transform:none!important;}

/*
 * Hero 容器总高 = safe-area + 图片自然高。
 * 图片本体 top=safe-area，因此落到真实屏幕 y=0 后仍完整保留 3:2 高度；
 * safe-area 上方用同图浅层补景，保证灵动岛背后不是空白。
 */
.d-home.page>.d-hero{
  position:absolute!important;
  z-index:0!important;
  top:calc(-1 * env(safe-area-inset-top,0px))!important;
  left:-16px!important;
  right:-16px!important;
  width:auto!important;
  max-width:none!important;
  height:calc(var(--home-hero-natural-h) + env(safe-area-inset-top,0px))!important;
  min-height:0!important;
  margin:0!important;
  transform:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border-radius:0 0 30px 30px!important;
  background:
    linear-gradient(180deg,rgba(249,251,255,.08),rgba(249,251,255,.18)),
    url(../../../assets/dawn-world.webp) center top/100% auto no-repeat!important;
  background-color:#f4f7fb!important;
}
.d-home.page>.d-hero img{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:env(safe-area-inset-top,0px)!important;
  left:0!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1536/1024!important;
  object-fit:contain!important;
  object-position:center top!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  animation:none!important;
}
.d-home.page>.d-hero::before{
  content:'';
  position:absolute;
  z-index:2;
  inset:0!important;
  background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.28),rgba(255,255,255,.05) 24%,rgba(255,255,255,0) 49%)!important;
  pointer-events:none;
}
.d-home.page>.d-hero::after{
  content:'';
  position:absolute;
  z-index:3;
  left:0;right:0;bottom:0;
  height:58px!important;
  background:linear-gradient(180deg,rgba(244,246,250,0),rgba(244,246,250,.86) 72%,#f4f6fa)!important;
  pointer-events:none;
}

.d-home.page>#homeContent,
.d-home.page>#noProfile{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}
.d-home.page>#homeContent{
  padding-top:max(18px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px) + 8px))!important;
}
.d-home.page>#noProfile{
  padding-top:max(24px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px) + 12px))!important;
}

@media(max-width:430px){
  .d-home.page{--home-head-h:94px;}
  .d-home.page>.d-head{padding-top:9px!important;}
  .d-home.page>.d-head h1{font-size:30px!important;letter-spacing:2.5px!important;}
  .d-home.page>.d-head p{font-size:9.5px!important;letter-spacing:2px!important;}
}
@media(max-width:390px){
  .d-home.page{--home-head-h:92px;}
  .d-home.page>.d-head{padding-top:8px!important;}
  .d-home.page>.d-head h1{font-size:29px!important;letter-spacing:2px!important;}
  .d-home.page>.d-head p{font-size:9px!important;letter-spacing:1.8px!important;}
  .d-home.page>.d-head .home-archive-btn{width:40px!important;min-width:40px!important;height:40px!important;border-radius:14px!important;}
  .d-home.page>.d-head .home-archive-btn .d-archive-icon{width:24px!important;height:24px!important;}
}
@media(max-width:360px){
  .d-home.page{--home-head-h:90px;}
  .d-home.page>.d-head{padding-top:7px!important;}
  .d-home.page>.d-head h1{font-size:28px!important;}
  /* theme.css 在 ≤360px 把 app gutter 改成 11px，这里同步 Hero 边界，避免任何横向溢出。 */
  .d-home.page>.d-hero{left:-11px!important;right:-11px!important;}
}

/* 底部导航：固定几何 + 内联 SVG，消除外部 sprite 在 iOS 上的丢图与切页位移。 */
body>.bottom,
body.lj-detail>.bottom,
body.profile-page-active>.bottom,
body:not(.profile-page-active)>.bottom,
body.home-page-active>.bottom,
body.v137-home-nav-visible>.bottom,
body.v138-home-stable>.bottom,
body.d-report-active>.bottom{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  margin:0 auto!important;
  width:min(100%,480px)!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  border-radius:32px 32px 0 0!important;
  background:rgba(250,251,254,.975)!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  isolation:isolate!important;
}
body>.bottom>.nav,
body.lj-detail>.bottom>.nav{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:0!important;
  margin:0!important;
  font-family:var(--serif)!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:1.5px!important;
  color:#707984!important;
  cursor:pointer!important;
  transform:none!important;
  transition:color .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body>.bottom>.nav>span:last-child,
body.lj-detail>.bottom>.nav>span:last-child{
  display:block!important;
  min-height:14px!important;
  line-height:14px!important;
  white-space:nowrap!important;
}
body>.bottom>.nav>.d-nav-svg,
body.lj-detail>.bottom>.nav>.d-nav-svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  flex:0 0 34px!important;
  margin:0!important;
  overflow:visible!important;
  color:#6f7984!important;
  opacity:.86!important;
  filter:none!important;
  transform:none!important;
  transition:color .16s ease,opacity .16s ease!important;
  animation:none!important;
}
.bottom .d-nav-svg .nav-line{
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.bottom .d-nav-svg .nav-soft{
  fill:currentColor;
  fill-opacity:.055;
  stroke:currentColor;
  stroke-opacity:.24;
  stroke-width:.85;
  vector-effect:non-scaling-stroke;
}
.bottom .d-nav-svg .nav-accent{
  fill:none;
  stroke:#b49a74;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.bottom .d-nav-svg .nav-dot{fill:#c6a56f;opacity:.88;}
body>.bottom>.nav.active,
body.lj-detail>.bottom>.nav.active{
  color:#86613a!important;
  transform:none!important;
}
body>.bottom>.nav.active>.d-nav-svg,
body.lj-detail>.bottom>.nav.active>.d-nav-svg{
  color:#9a7448!important;
  opacity:1!important;
  filter:drop-shadow(0 0 4px rgba(197,164,108,.16))!important;
  transform:none!important;
  animation:none!important;
}
body>.bottom>.nav.active .nav-accent,
body.lj-detail>.bottom>.nav.active .nav-accent{stroke:#b88d50!important;}
body>.bottom>.nav.active .nav-dot,
body.lj-detail>.bottom>.nav.active .nav-dot{fill:#d0a65f!important;opacity:1!important;}
body>.bottom>.nav:active,
body>.bottom>.nav:focus,
body>.bottom>.nav:focus-visible,
body>.bottom>.nav.active:active,
body.lj-detail>.bottom>.nav:active,
body.lj-detail>.bottom>.nav:focus,
body.lj-detail>.bottom>.nav:focus-visible,
body.lj-detail>.bottom>.nav.active:active{
  transform:none!important;
  outline:none!important;
}
body>.bottom:after,
body.lj-detail>.bottom:after{
  width:108px!important;
  height:4px!important;
  bottom:max(4px,calc(env(safe-area-inset-bottom,0px)/3))!important;
  opacity:.64!important;
  transform:translateX(-50%)!important;
}

/* iPhone 上不使用实时 backdrop-filter，避免 WebKit 在切页时重建导航合成层。 */
@media(max-width:600px){
  body>.bottom,
  body.lj-detail>.bottom,
  body.profile-page-active>.bottom,
  body:not(.profile-page-active)>.bottom,
  body.home-page-active>.bottom,
  body.v137-home-nav-visible>.bottom,
  body.v138-home-stable>.bottom,
  body.d-report-active>.bottom{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(250,251,254,.992)!important;
  }
}
@media(prefers-reduced-motion:no-preference){
  body>.bottom .nav.active .d-icon,
  body.lj-detail>.bottom .nav.active .d-icon{animation:none!important;}
}

/* V7.1 mobile shell refinement v8 · centered home core + stable tabs + full-bleed page heroes */
/*
 * 目标：
 * - 首页换用针对手机重新取景的 3:2 主视觉，球体严格水平居中，Hero 高度不变；
 * - 问事/成长/我的头部视觉真正延伸到 iPhone 顶部安全区；
 * - 问事分类浮在头图之上；
 * - 修复“问事/我的”切换时 visualViewport 引发的导航与整页位移。
 */

/* 1) 首页：移动版主图是原画核心的重新取景，保持同样 3:2 自然高度。 */
.d-home.page>.d-hero{
  background:
    linear-gradient(180deg,rgba(249,251,255,.05),rgba(249,251,255,.13)),
    url(../../../assets/dawn-world-mobile.webp) center top/100% auto no-repeat!important;
}
.d-home.page>.d-hero img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:50% 0!important;
}
@media(min-width:601px){
  /* 桌面保留更完整的横向世界观；手机才使用收紧后的核心构图。 */
  .d-home.page>.d-hero{
    background:
      linear-gradient(180deg,rgba(249,251,255,.05),rgba(249,251,255,.13)),
      url(../../../assets/dawn-world.webp) center top/100% auto no-repeat!important;
  }
  .d-home.page>.d-hero img{content:url(../../../assets/dawn-world.webp);aspect-ratio:3/2!important;}
}

/* 2) 导航：几何完全固定，不允许 active / body 状态改变任何位置。 */
body>.bottom,
body.lj-detail>.bottom,
body.profile-page-active>.bottom,
body.destiny-page-active>.bottom,
body.home-page-active>.bottom,
body.v137-home-nav-visible>.bottom,
body.v138-home-stable>.bottom{
  inset:auto 0 0 0!important;
  bottom:0!important;
  top:auto!important;
  translate:none!important;
  transform:none!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  padding-top:7px!important;
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  contain:layout paint style!important;
}
html.v181-nav-settling body>.bottom,
html.v181-nav-settling body.lj-detail>.bottom{
  transform:none!important;
  transition:none!important;
}

/* 问事页不再用 visualViewport.offsetTop 驱动整个页面上下移动。
   只有键盘弹出时才读取可视视口高度，普通导航切换始终锁定物理顶部。 */
body.destiny-page-active #dojoPage.destiny-page{
  top:0!important;
  height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;
  padding:env(safe-area-inset-top,0px) 10px 6px!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
  top:var(--destiny-vv-top,0px)!important;
  height:var(--destiny-vv-height,100dvh)!important;
  padding-top:6px!important;
}

/* 3) 问事：头图全铺顶部，标题与分类都位于图片上层。 */
body.destiny-page-active .destiny-shell{
  position:relative!important;
  isolation:isolate!important;
}
body.destiny-page-active .d-question-hero{
  position:absolute!important;
  z-index:0!important;
  top:calc(-1 * env(safe-area-inset-top,0px))!important;
  left:-10px!important;
  right:-10px!important;
  width:auto!important;
  height:calc(238px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  border-radius:0 0 30px 30px!important;
  overflow:hidden!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  background:
    linear-gradient(180deg,rgba(247,250,254,.02) 0%,rgba(247,250,254,.10) 64%,rgba(244,246,250,.86) 100%),
    url(../../../assets/dawn-world-mobile.webp) center 43%/cover no-repeat!important;
}
body.destiny-page-active .d-question-hero img{display:none!important;}
body.destiny-page-active .d-question-hero::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:66px;
  background:linear-gradient(180deg,rgba(244,246,250,0),rgba(244,246,250,.92));
}
body.destiny-page-active .destiny-head{
  position:relative!important;
  z-index:3!important;
  min-height:92px!important;
  padding:9px 3px 8px!important;
  color:#28313a!important;
  text-shadow:0 1px 9px rgba(255,255,255,.9);
}
body.destiny-page-active .destiny-head p{color:#697684!important;}
body.destiny-page-active .destiny-records-btn{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(104,130,154,.08)!important;
}
body.destiny-page-active .destiny-category-bar{
  position:relative!important;
  z-index:4!important;
  min-height:94px!important;
  margin:4px 0 11px!important;
  padding:38px 9px 9px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(240,247,253,.54))!important;
  box-shadow:inset 0 1px 0 #fff,0 10px 25px rgba(105,133,158,.09)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body.destiny-page-active .destiny-category-bar::before{
  content:'问事分类';
  position:absolute;
  top:8px;
  left:15px;
  font-family:var(--serif);
  font-size:17px;
  line-height:24px;
  letter-spacing:2px;
  color:#303641;
  pointer-events:none;
}
body.destiny-page-active .destiny-category-bar button{
  min-height:38px!important;
  background:rgba(255,255,255,.54)!important;
  border-color:rgba(255,255,255,.94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.destiny-page-active .destiny-category-bar button.active{
  color:#8a6537!important;
  border-color:rgba(206,171,113,.56)!important;
  background:rgba(255,252,247,.78)!important;
}

/* 4) 成长：头图从物理屏幕最顶部开始，标题叠加在图上；图本身继续使用莲花世界。 */
.d-growth.page{
  position:relative!important;
  isolation:isolate!important;
}
.d-growth.page>.d-head{
  position:relative!important;
  z-index:3!important;
  height:92px!important;
  padding-top:9px!important;
  margin:0!important;
  color:#28313a!important;
  text-shadow:0 1px 10px rgba(255,255,255,.92);
}
.d-growth.page>.d-hero{
  position:relative!important;
  z-index:0!important;
  width:auto!important;
  height:calc(250px + env(safe-area-inset-top,0px))!important;
  aspect-ratio:auto!important;
  margin:calc(-92px - env(safe-area-inset-top,0px)) -16px -18px!important;
  border-radius:0 0 30px 30px!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(249,251,255,.01),rgba(249,251,255,.05) 62%,rgba(244,246,250,.90) 100%),
    url(../../../assets/dawn-lotus.webp) center 43%/cover no-repeat!important;
}
.d-growth.page>.d-hero img{display:none!important;visibility:hidden!important;}
.d-growth.page>.d-hero::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;
  height:72px;
  background:linear-gradient(180deg,rgba(244,246,250,0),rgba(244,246,250,.92));
  pointer-events:none;
}

/* 5) 我的：清除旧的 30% 偏移裁图，头部场景始终以容器中心为基准。 */
#profilePage .my-report-hub{
  position:relative!important;
  overflow:visible!important;
}
#profilePage .my-report-hub>.d-head{
  position:relative!important;
  z-index:3!important;
}
#profilePage .d-profile-scene{
  position:relative!important;
  height:138px!important;
  margin-top:-14px!important;
  overflow:hidden!important;
  border-radius:0 0 26px 26px!important;
}
#profilePage .d-profile-scene .d-hero{
  position:absolute!important;
  z-index:0!important;
  inset:0 -16px!important;
  width:auto!important;
  height:100%!important;
  margin:0!important;
  opacity:1!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)!important;
  background:url(../../../assets/dawn-world-mobile.webp) center 46%/cover no-repeat!important;
}
#profilePage .d-profile-scene .d-hero img{display:none!important;}
#profilePage .d-profile-scene .d-avatar{
  z-index:2!important;
  left:8px!important;
  top:25px!important;
}
#profilePage .my-report-head{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:360px){
  body.destiny-page-active .d-question-hero{left:-10px!important;right:-10px!important;}
  .d-growth.page>.d-hero{margin-left:-11px!important;margin-right:-11px!important;}
  #profilePage .d-profile-scene .d-hero{inset:0 -11px!important;}
}

/* V9 · 首页重绘主视觉 + 问事/我的全宽头图 + 主导航切页稳定 */

/* 0) 全局：限制横向溢出，iOS 切页时不让文档层横向参与重排。 */
html,body{
  max-width:100%;
  overflow-x:hidden!important;
}
.app{overflow-x:clip;}

/* 1) 首页：换用重新绘制的手机专用头图，球体严格居中。
   头图使用 3:2 自然比例，并向上补满安全区。 */
.d-home.page{
  --home-hero-ratio:66.6667vw;
}
.d-home.page>.d-hero{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  max-width:480px!important;
  height:calc((100vw * 2 / 3) + env(safe-area-inset-top,0px))!important;
  max-height:calc((480px * 2 / 3) + env(safe-area-inset-top,0px))!important;
  min-height:calc(230px + env(safe-area-inset-top,0px))!important;
  margin:calc(-1 * (var(--home-head-h,96px) + env(safe-area-inset-top,0px))) 0 -104px!important;
  border-radius:0 0 36px 36px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(249,251,255,.02) 0%,rgba(249,251,255,.08) 34%,rgba(244,246,250,.88) 100%),
    url(../../../assets/dawn-home-hero-v10.webp) center top/100% auto no-repeat!important;
}
.d-home.page>.d-hero img{
  display:none!important;
}
.d-home.page>.d-hero::before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:calc(env(safe-area-inset-top,0px) + 54px);
  background:linear-gradient(180deg,rgba(247,250,254,.14),rgba(247,250,254,0));
  pointer-events:none;
}
.d-home.page>.d-head{
  position:relative!important;
  z-index:4!important;
}
.d-home.page>#homeContent,
.d-home.page>#noProfile{
  position:relative!important;
  z-index:5!important;
}
@media(min-width:481px){
  .d-home.page>.d-hero{
    height:calc(320px + env(safe-area-inset-top,0px))!important;
  }
}

/* 2) 问事页：头图加宽到完整屏幕宽度并上移到物理顶部；
   标题、副标题、我的记录按钮进入安全区顶部层。 */
body.destiny-page-active #dojoPage.destiny-page{
  top:0!important;
  height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;
  padding:0 10px 6px!important;
}
body.destiny-page-active .d-question-hero{
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  top:calc(-1 * env(safe-area-inset-top,0px))!important;
  width:100vw!important;
  max-width:480px!important;
  height:calc(246px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  border-radius:0 0 32px 32px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(247,250,254,.04) 0%,rgba(247,250,254,.10) 58%,rgba(244,246,250,.90) 100%),
    url(../../../assets/dawn-world-mobile.webp) center 38%/cover no-repeat!important;
}
body.destiny-page-active .destiny-head{
  position:relative!important;
  z-index:5!important;
  min-height:88px!important;
  padding:calc(env(safe-area-inset-top,0px) + 10px) 2px 6px!important;
  align-items:flex-start!important;
}
body.destiny-page-active .destiny-head small{margin-bottom:4px!important;}
body.destiny-page-active .destiny-head h2{font-size:25px!important;line-height:1.12!important;}
body.destiny-page-active .destiny-head p{margin-top:4px!important;}
body.destiny-page-active .destiny-records-btn{
  margin-top:calc(env(safe-area-inset-top,0px) + 4px)!important;
}
body.destiny-page-active .destiny-category-bar{
  position:relative!important;
  z-index:6!important;
  margin:8px 0 11px!important;
}

/* 3) 我的页面：头图完整铺满整个屏幕宽度并上移至顶部。 */
#profilePage .my-report-hub>.d-head{
  position:relative!important;
  z-index:4!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 10px)!important;
  margin-bottom:0!important;
}
#profilePage .d-profile-scene{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  max-width:480px!important;
  height:172px!important;
  margin:calc(-88px - env(safe-area-inset-top,0px)) 0 0!important;
  border-radius:0 0 28px 28px!important;
  overflow:hidden!important;
}
#profilePage .d-profile-scene .d-hero{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  background:
    linear-gradient(180deg,rgba(248,250,254,.06),rgba(244,246,250,.88) 100%),
    url(../../../assets/dawn-world-mobile.webp) center 41%/cover no-repeat!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
#profilePage .d-profile-scene .d-avatar{
  top:58px!important;
  left:16px!important;
}
#profilePage .my-report-head{
  position:relative!important;
  z-index:5!important;
  margin-top:-22px!important;
}

/* 4) 导航与主画面：进一步锁死几何，防止“问事 / 我的”切换整体上移。 */
body>.bottom,
body.lj-detail>.bottom,
body.profile-page-active>.bottom,
body.destiny-page-active>.bottom,
body.home-page-active>.bottom,
body.v137-home-nav-visible>.bottom,
body.v138-home-stable>.bottom,
body.d-report-active>.bottom{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:0!important;
  top:auto!important;
  width:100vw!important;
  max-width:480px!important;
  margin:0!important;
}
body.destiny-page-active,
body.profile-page-active{
  min-height:100dvh!important;
  overflow-x:hidden!important;
}
body.destiny-page-active .app,
body.profile-page-active .app{
  padding-top:0!important;
}
@media(max-width:480px){
  .d-home.page>.d-hero{height:calc((100vw * 2 / 3) + env(safe-area-inset-top,0px))!important;}
  body.destiny-page-active .d-question-hero{height:calc(244px + env(safe-area-inset-top,0px))!important;}
  #profilePage .d-profile-scene{height:168px!important;}
}

/* V10 · 首页换图不压缩 + 问事/我的全屏头图 + “我的”导航零位移 */

/* 首页：保持 V9 现有 Hero 总高度，只换一张图。
   图片严格按自身 3:2 比例缩放，不做非等比拉伸；以中心点对齐，超出部分只裁边。 */
.d-home.page>.d-hero{
  background:linear-gradient(180deg,rgba(249,251,255,.015) 0%,rgba(249,251,255,.06) 36%,rgba(244,246,250,.86) 100%)!important;
}
.d-home.page>.d-hero::after{
  content:'';
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:50%;
  height:100%;
  width:auto;
  aspect-ratio:3/2;
  transform:translateX(-50%);
  background:url(../../../assets/dawn-home-hero-v10.webp) center center/100% 100% no-repeat;
  pointer-events:none;
}
.d-home.page>.d-hero::before{z-index:1!important;}
.d-home.page>.d-head,
.d-home.page>#homeContent,
.d-home.page>#noProfile{position:relative!important;z-index:4!important;}

/* 问事：头图真正使用完整手机屏幕宽度，顶部进入刘海/灵动岛区域。
   标题、副标题和记录按钮只避让安全区，不再重复叠加 safe-area。 */
body.destiny-page-active #dojoPage.destiny-page{
  padding:0 10px 6px!important;
}
body.destiny-page-active .destiny-shell{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}
body.destiny-page-active .d-question-hero{
  left:50%!important;
  right:auto!important;
  top:calc(-1 * env(safe-area-inset-top,0px))!important;
  width:100vw!important;
  max-width:none!important;
  height:calc(252px + env(safe-area-inset-top,0px))!important;
  transform:translateX(-50%)!important;
  border-radius:0 0 32px 32px!important;
  background:
    linear-gradient(180deg,rgba(247,250,254,.025) 0%,rgba(247,250,254,.08) 60%,rgba(244,246,250,.91) 100%),
    url(../../../assets/dawn-world-mobile.webp) center 42%/cover no-repeat!important;
}
body.destiny-page-active .destiny-head{
  min-height:88px!important;
  padding:calc(env(safe-area-inset-top,0px) + 4px) 2px 5px!important;
  align-items:flex-start!important;
}
body.destiny-page-active .destiny-head>div{padding-top:0!important;}
body.destiny-page-active .destiny-head h2{margin-top:0!important;}
body.destiny-page-active .destiny-head p{margin-top:3px!important;}
body.destiny-page-active .destiny-records-btn{
  align-self:flex-start!important;
  margin-top:2px!important;
  transform:none!important;
}
body.destiny-page-active .destiny-category-bar{
  z-index:7!important;
}

/* 我的：背景场景从物理屏幕顶部开始，横向严格铺满 viewport。
   头部文字处于安全区内；图片不再受 app/page 左右 padding 约束。 */
#profilePage .my-report-hub{
  position:relative!important;
  width:100%!important;
  overflow:visible!important;
}
#profilePage .my-report-hub>.d-head{
  position:relative!important;
  z-index:5!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 5px)!important;
  margin:0!important;
}
#profilePage .d-profile-scene{
  position:relative!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:none!important;
  height:176px!important;
  margin:calc(-84px - env(safe-area-inset-top,0px)) 0 0!important;
  transform:translateX(-50%)!important;
  border-radius:0 0 28px 28px!important;
  overflow:hidden!important;
}
#profilePage .d-profile-scene .d-hero{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:
    linear-gradient(180deg,rgba(248,250,254,.025) 0%,rgba(248,250,254,.12) 62%,rgba(244,246,250,.90) 100%),
    url(../../../assets/dawn-world-mobile.webp) center 43%/cover no-repeat!important;
}
#profilePage .d-profile-scene .d-avatar{
  top:62px!important;
  left:max(16px,calc((100vw - min(100vw,480px))/2 + 16px))!important;
}
#profilePage .my-report-head{margin-top:-20px!important;}

/* 主导航：不用 translate 居中，避免 iOS visualViewport 变化时产生 0.5px/1px 的跳动。
   所有主页面包括“我的”强制使用完全相同的 fixed 几何。 */
body>.bottom,
body.lj-detail>.bottom,
body.profile-page-active>.bottom,
body.destiny-page-active>.bottom,
body.home-page-active>.bottom,
body.v137-home-nav-visible>.bottom,
body.v138-home-stable>.bottom,
body.d-report-active>.bottom,
body:not(.profile-page-active)>.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
}
body>.bottom>.nav,
body.lj-detail>.bottom>.nav,
body.profile-page-active>.bottom>.nav{
  transform:none!important;
  translate:none!important;
  margin:0!important;
}

/* iPhone 主导航点击时不运行任何几何 transition，避免“我的”轻微上抬。 */
@media(max-width:600px){
  body>.bottom,
  body>.bottom *,
  body.profile-page-active>.bottom,
  body.profile-page-active>.bottom *{
    transition-property:color,opacity,background-color,border-color,box-shadow!important;
  }
  .d-home.page>.d-hero::after{
    /* 高度完全继承 Hero；宽度由 3:2 自然比例得到，保持画面不压缩。 */
    height:100%!important;
    width:auto!important;
  }
  #profilePage .d-profile-scene{height:174px!important;}
}

/* V10.1 · 首页使用真实图片节点，禁止任何非等比压缩 */
.d-home.page>.d-hero::after{display:none!important;}
.d-home.page>.d-hero>img{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  height:100%!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  aspect-ratio:auto!important;
  object-fit:fill!important;
  object-position:center center!important;
  transform:translateX(-50%)!important;
}

/* V10.2 · 首页双卡与头图衔接、问事分类透明化、我的头图回落、我的导航零位移微修 */

/* 1) 照见首页：缩小头图下方空白，让图片底部落入“内观/外观”双卡中段。 */
.d-home.page>#homeContent{
  padding-top:max(0px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px) - 12px))!important;
}
.d-home.page>#noProfile{
  padding-top:max(10px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px) - 6px))!important;
}
.d-home .d-dual{
  margin-top:-18px!important;
  margin-bottom:24px!important;
}
@media(max-width:390px){
  .d-home .d-dual{margin-top:-16px!important;}
}
@media(max-width:360px){
  .d-home .d-dual{margin-top:-14px!important;}
}

/* 2) 问事页：分类组件改为透明玻璃感，并取消“问事分类”标题文字。 */
body.destiny-page-active .destiny-category-bar{
  min-height:auto!important;
  margin:8px 0 11px!important;
  padding:10px 8px 8px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(240,247,253,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 22px rgba(105,133,158,.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
}
body.destiny-page-active .destiny-category-bar::before{
  content:none!important;
  display:none!important;
}

/* 3) 我的页面：头图不要再继续向安全区上方顶，只需顶到屏幕顶部。 */
#profilePage .d-profile-scene{
  margin:-84px 0 0!important;
}
#profilePage .d-profile-scene .d-hero{
  background-position:center 39%!important;
}
@media(max-width:600px){
  #profilePage .d-profile-scene{margin:-82px 0 0!important;}
}

/* 4) 我的导航：继续锁死 fixed 几何，消除点击“我的”时的轻微上移。 */
body.profile-page-active>.bottom,
body.profile-page-active>.bottom>.nav,
body.profile-page-active>.bottom>.nav.active,
body.profile-page-active>.bottom>.nav>.d-nav-svg{
  top:auto!important;
  bottom:0!important;
  transform:none!important;
  translate:none!important;
}
body.profile-page-active>.bottom>.nav.active>.d-nav-svg{
  filter:none!important;
}

/* V10.3 · 首页头图与双卡精确叠合、问事分类去框、我的头图贴顶 */

/* 照见首页：头图保持原比例与居中，不压缩；图片底部落在“内观/外观”卡片中线附近。 */
@media (max-width:600px){
  .d-home.page>.d-hero{
    position:absolute!important;
    z-index:0!important;
    top:calc(-1 * env(safe-area-inset-top,0px))!important;
    left:50%!important;
    right:auto!important;
    width:100vw!important;
    max-width:480px!important;
    height:calc(var(--home-hero-natural-h) + env(safe-area-inset-top,0px))!important;
    min-height:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#f4f6fa!important;
  }
  .d-home.page>.d-hero>img{
    display:block!important;
    visibility:visible!important;
    position:absolute!important;
    z-index:0!important;
    top:env(safe-area-inset-top,0px)!important;
    left:50%!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    min-width:0!important;
    aspect-ratio:3/2!important;
    object-fit:contain!important;
    object-position:center top!important;
    transform:translateX(-50%)!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.97) 82%,rgba(0,0,0,.72) 91%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.97) 82%,rgba(0,0,0,.72) 91%,transparent 100%)!important;
  }
  .d-home.page>.d-hero::before{
    content:''!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,0) 68%,rgba(244,246,250,.16) 82%,rgba(244,246,250,.88) 100%)!important;
    pointer-events:none!important;
  }
  .d-home.page>.d-hero::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:76px!important;
    background:linear-gradient(to bottom,rgba(244,246,250,0),rgba(244,246,250,.22) 34%,rgba(244,246,250,.72) 76%,#f4f6fa 100%)!important;
    pointer-events:none!important;
  }
  .d-home.page>#homeContent{
    /* 108px 双卡的中心约 54px；让头图底边穿过卡片中部。 */
    padding-top:max(0px,calc(var(--home-hero-natural-h) - var(--home-head-h) - 54px))!important;
  }
  .d-home.page>#noProfile{
    padding-top:max(8px,calc(var(--home-hero-natural-h) - var(--home-head-h) - 44px))!important;
  }
  .d-home .d-dual{
    margin-top:0!important;
    margin-bottom:24px!important;
  }
}

/* 问事：分类容器本身完全透明，只保留分类按钮；不显示“问事分类”标题。 */
body.destiny-page-active .destiny-category-bar{
  padding:6px 0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.destiny-page-active .destiny-category-bar::before{
  content:none!important;
  display:none!important;
}

/* 我的：头图上沿与页面物理顶部齐平，不再额外穿出屏幕顶部。 */
#profilePage .d-profile-scene{
  margin-top:-86px!important;
}
@media(max-width:600px){
  #profilePage .d-profile-scene{margin-top:-86px!important;}
}


/* V11 · 安全区头图 / 问事欢迎层级 / 我的新头图 / 原盘直达 */
@media (max-width:600px){
  /* 照见：真实图片从 Hero 容器的物理顶部开始，覆盖刘海/灵动岛；不再呼吸缩放。 */
  .d-home.page>.d-hero{
    top:calc(-1 * env(safe-area-inset-top,0px))!important;
    height:calc(var(--home-hero-natural-h) + env(safe-area-inset-top,0px))!important;
    background:#f4f6fa!important;
  }
  .d-home.page>.d-hero>img{
    top:0!important;
    left:50%!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:translateX(-50%)!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .d-home.page>.d-hero::before{
    animation:none!important;
    transition:none!important;
  }
}
.d-home.page>.d-hero>img{animation:none!important;transition:none!important;}
.d-home.page>.d-hero::before{animation:none!important;}

/* 问事：头图永远在内容底层；欢迎语、聊天内容与输入交互全部在其上层。 */
body.destiny-page-active .d-question-hero{
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.destiny-page-active .d-question-hero::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:104px!important;
  background:linear-gradient(to bottom,rgba(244,246,250,0) 0%,rgba(244,246,250,.18) 25%,rgba(244,246,250,.72) 72%,#f4f6fa 100%)!important;
  pointer-events:none!important;
}
body.destiny-page-active .destiny-head,
body.destiny-page-active .destiny-category-bar,
body.destiny-page-active .destiny-chat,
body.destiny-page-active .destiny-composer,
body.destiny-page-active #dawnQuestionRestart,
body.destiny-page-active .destiny-status{
  position:relative!important;
  z-index:4!important;
}
body.destiny-page-active .destiny-chat{
  isolation:isolate!important;
}
body.destiny-page-active .destiny-message-system{
  position:relative!important;
  z-index:5!important;
}

/* 我的：更换为新的独立场景图，并把视觉主体稍向下放，不再“顶头”。 */
#profilePage .d-profile-scene{
  margin-top:-66px!important;
  background:#f4f6fa!important;
}
#profilePage .d-profile-scene .d-hero{
  background:
    linear-gradient(180deg,rgba(248,250,254,.04) 0%,rgba(248,250,254,.08) 44%,rgba(244,246,250,.86) 100%),
    url(../../../assets/profile-hero-v11.webp) center 62%/cover no-repeat!important;
  animation:none!important;
  transform:none!important;
}
#profilePage .d-profile-scene .d-hero::before,
#profilePage .d-profile-scene .d-hero::after{animation:none!important;}
@media(max-width:600px){
  #profilePage .d-profile-scene{margin-top:-66px!important;}
}

/* 首页旧“内在地图”不再展开旧主页 UI：入口只作为独立星盘页直达按钮。 */
.d-home .d-original{
  cursor:pointer;
}
.d-home .d-original>summary{
  list-style:none!important;
  cursor:pointer!important;
}
.d-home .d-original>summary::-webkit-details-marker{display:none!important;}
.d-home .d-original>section{display:none!important;}
.d-home .d-original[open]>section{display:none!important;}

/* V11.1 · 首屏可见图片压缩资源 */
body.destiny-page-active .d-question-hero{background-image:linear-gradient(180deg,rgba(247,250,254,.025) 0%,rgba(247,250,254,.08) 60%,rgba(244,246,250,.91) 100%),url(../../../assets/dawn-world-mobile.webp)!important;}

/* V12 · 顶部边界 / 报告头图 / 问事输入固定 / 星盘独立彩色页 */

/* 1) 已取消星空背景：页面仅使用当前浅色主题，不再保留星空画布的可视占位。 */
#screenSky,#spaceBg,#spaceFx,#galaxyCanvas,canvas.galaxy,.galaxy-canvas{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

/* 2) 所有主页面到达顶部后不再继续橡皮筋上拉。 */
html,body{
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:none!important;
}
.app,.page,.destiny-shell,.raw-chart-page-shell,.ai-report-view,.first-run{
  overscroll-behavior-y:none!important;
}

/* 3) 照见：首页顶部不再叠白色半透明罩层；保留底部柔化，不影响刘海区主图。 */
.d-home.page>.d-hero::before{display:none!important;content:none!important;background:none!important;}
@media(max-width:600px){
  .d-home.page>.d-hero{
    background:transparent!important;
  }
  .d-home.page>.d-hero>img{
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,rgba(0,0,0,.94) 84%,rgba(0,0,0,.58) 93%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 77%,rgba(0,0,0,.94) 84%,rgba(0,0,0,.58) 93%,transparent 100%)!important;
  }
}

/* 4) “我的报告”头部背景继续向下覆盖到统计区（报告数 / 问事数 / 收藏数）。 */
#profilePage .my-report-hub{position:relative!important;isolation:isolate!important;}
#profilePage .d-profile-scene{
  height:278px!important;
  margin-top:-66px!important;
  border-radius:0!important;
  overflow:hidden!important;
  z-index:0!important;
}
#profilePage .d-profile-scene .d-hero{
  background:
    linear-gradient(180deg,rgba(248,250,254,.01) 0%,rgba(248,250,254,.03) 54%,rgba(244,246,250,.40) 78%,rgba(244,246,250,.96) 100%),
    url(../../../assets/profile-hero-v11.webp) center 68%/cover no-repeat!important;
}
#profilePage .d-profile-scene .d-avatar{top:98px!important;}
#profilePage .my-report-head{
  z-index:4!important;
  margin-top:-128px!important;
}
#profilePage .d-metrics{
  position:relative!important;
  z-index:4!important;
  margin-top:12px!important;
  margin-bottom:20px!important;
}
@media(max-width:600px){
  #profilePage .d-profile-scene{height:284px!important;margin-top:-66px!important;}
  #profilePage .d-profile-scene .d-hero{background-position:center 70%!important;}
  #profilePage .my-report-head{margin-top:-132px!important;}
}

/* 5) 问事输入框与发送按钮固定在四导航正上方。 */
body.destiny-page-active .destiny-composer{
  position:fixed!important;
  z-index:2147483200!important;
  left:0!important;
  right:0!important;
  bottom:calc(82px + env(safe-area-inset-bottom,0px) + 8px)!important;
  width:min(calc(100% - 20px),460px)!important;
  max-width:460px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  background:rgba(248,251,254,.94)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 8px 28px rgba(83,108,132,.14),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
}
body.destiny-page-active #dawnQuestionRestart.destiny-composer{
  min-height:50px!important;
  justify-content:center!important;
}
body.destiny-page-active .destiny-chat{
  padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
}
body.destiny-page-active .destiny-status{
  padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
}
body.destiny-page-active.destiny-keyboard-open .destiny-composer{
  bottom:10px!important;
}

/* 6) 紫微星盘是独立页面：隐藏主四导航，并恢复彩色星曜/四化语义。 */
body.raw-chart-page-active>.bottom,
body.raw-chart-page-active.lj-detail>.bottom,
body.raw-chart-page-active .bottom{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.raw-chart-page-active .app{padding-bottom:0!important;}
body.raw-chart-page-active #chartPage,
body.raw-chart-page-active #chartPage *{
  -webkit-filter:none!important;
  filter:none!important;
}
body.raw-chart-page-active #chartPage.raw-chart-page{
  color:#26384a!important;
  background:linear-gradient(180deg,#edf5fc 0%,#f8fbfe 46%,#eef5fb 100%)!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-palace{
  background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(230,242,252,.68))!important;
  border-color:rgba(116,166,205,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-palace.active{
  background:linear-gradient(155deg,rgba(255,251,241,.96),rgba(244,231,207,.80))!important;
  border-color:rgba(197,151,81,.50)!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.major .raw-star-name{color:#285d9a!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.star-benefic .raw-star-name{color:#2f8a69!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.star-malefic .raw-star-name{color:#b75050!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.star-peach .raw-star-name{color:#a3568a!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.star-other .raw-star-name{color:#5b6d7e!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-mutagen.lu{background:#e4f4e9!important;color:#287e50!important;border-color:#86c69c!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-mutagen.quan{background:#fff1d9!important;color:#a66b19!important;border-color:#e6b567!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-mutagen.ke{background:#e4f0fb!important;color:#2b6fa5!important;border-color:#8bb9da!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-mutagen.ji{background:#fde6e6!important;color:#b23e3e!important;border-color:#de9292!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-palace-tag.cycle{background:#e9f2fb!important;color:#3a6f9a!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-palace-tag.life{background:#f7eddb!important;color:#92682e!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-palace-tag.flow{background:#e9f5ef!important;color:#377c5f!important;}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  bottom:env(safe-area-inset-bottom,0px)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="tools"],
body.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  bottom:calc(var(--raw-chart-nav-h,50px) + env(safe-area-inset-bottom,0px) + 6px)!important;
}

/* V13 · 首页净化 / 问事定位延续 / 星盘单导航与专业配色 */

/* 1) 照见：首页自己的 d-head 已承担标题与档案入口，彻底移除旧全局 top，
      避免头图左上角出现旧白色/半透明组件。 */
body.home-page-active:not(.raw-chart-page-active) > .app > .top,
body.v138-home-stable.home-page-active:not(.raw-chart-page-active) > .app > .top{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* 2) 星盘只保留 chartPage 内部这一份导航；旧的全局镜像导航彻底不参与显示与布局。 */
body.raw-chart-page-active #rawChartGlobalVisibleNav,
#rawChartGlobalVisibleNav{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  height:calc(50px + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(50px + env(safe-area-inset-bottom,0px))!important;
  padding:4px max(10px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-right,0px))!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:2147483500!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  background:rgba(247,250,253,.97)!important;
  border-top:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 -8px 28px rgba(71,92,112,.10)!important;
  transform:none!important;
}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  transform:none!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="tools"],
body.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  bottom:calc(50px + env(safe-area-inset-bottom,0px) + 6px)!important;
}

/* 3) 星曜色系：十四主星赤红；六吉紫；六煞黑；桃花粉。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.major .raw-star-name{
  color:#c62836!important;
  font-weight:800!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="左辅"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="右弼"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="文昌"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="文曲"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="天魁"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="天钺"] .raw-star-name{
  color:#7c3fb3!important;
  font-weight:760!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="擎羊"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="陀罗"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="火星"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="铃星"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="地空"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="地劫"] .raw-star-name{
  color:#151515!important;
  font-weight:800!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.star-peach .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.star-pink .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="红鸾"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="天喜"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="咸池"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="天姚"] .raw-star-name{
  color:#e25b91!important;
  font-weight:760!important;
}
/* 禄存、天马不混入“六吉”紫色定义，回到中性色。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="禄存"] .raw-star-name,
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item[data-star-name="天马"] .raw-star-name{
  color:#566476!important;
}

/* 4) 生年四化：无论禄权科忌，统一红底白字。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-star.native,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.native .raw-transform-star{
  background:#c92836!important;
  border:1px solid #e55b65!important;
  color:#fff!important;
  box-shadow:0 1px 4px rgba(144,19,33,.22)!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-star.native em,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.native .raw-transform-star em{
  color:#fff!important;
  opacity:1!important;
}

/* 兼容直接以 raw-mutagen 标记的本命四化徽标：统一红底白字。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item:not(.dynamic) > .raw-mutagen{
  background:#c92836!important;
  border-color:#e55b65!important;
  color:#fff!important;
}

/* 5) 宫位飞星四化：被宫干飞化命中的星曜直接出现对应色背景框。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name{
  position:relative!important;
  z-index:1!important;
  padding:1px 2px!important;
  border-radius:3px!important;
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.flight-hit .raw-star-name::before{
  content:""!important;
  position:absolute!important;
  inset:-1px -2px!important;
  z-index:-1!important;
  border-radius:3px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 1px 4px rgba(40,52,65,.16)!important;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.flight-hit.flight-lu .raw-star-name::before{background:#2f9d63!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.flight-hit.flight-quan .raw-star-name::before{background:#7b45b6!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.flight-hit.flight-ke .raw-star-name::before{background:#3f82c5!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-star-item.flight-hit.flight-ji .raw-star-name::before{background:#cf3d47!important;}

/* 6) 自化箭头：仅符号着色，保持背景透明。 */
body.raw-chart-page-active #rawSelfArrowOverlay .raw-self-arrow-overlay.lu,
body.raw-chart-page-active #rawSelfArrowMenuMirror .raw-self-arrow-overlay.lu,
body.raw-chart-page-active #rawAstrolabeGrid .raw-self-arrow.lu{color:#24945a!important;}
body.raw-chart-page-active #rawSelfArrowOverlay .raw-self-arrow-overlay.quan,
body.raw-chart-page-active #rawSelfArrowMenuMirror .raw-self-arrow-overlay.quan,
body.raw-chart-page-active #rawAstrolabeGrid .raw-self-arrow.quan{color:#7641b0!important;}
body.raw-chart-page-active #rawSelfArrowOverlay .raw-self-arrow-overlay.ke,
body.raw-chart-page-active #rawSelfArrowMenuMirror .raw-self-arrow-overlay.ke,
body.raw-chart-page-active #rawAstrolabeGrid .raw-self-arrow.ke{color:#317cc1!important;}
body.raw-chart-page-active #rawSelfArrowOverlay .raw-self-arrow-overlay.ji,
body.raw-chart-page-active #rawSelfArrowMenuMirror .raw-self-arrow-overlay.ji,
body.raw-chart-page-active #rawAstrolabeGrid .raw-self-arrow.ji{color:#cc3340!important;}

/* 7) 运限获得焦点时，在运限系统本身明确显示焦点。 */
body.raw-chart-page-active #rawFortuneHost .raw-fortune-cell.active,
body.raw-chart-page-active #rawFortuneHost .raw-fortune-cell[aria-current="true"]{
  opacity:1!important;
  color:#7d2744!important;
  background:linear-gradient(180deg,#fff9fb,#f4e4eb)!important;
  border-color:rgba(157,65,96,.55)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.86),0 2px 8px rgba(125,39,68,.14)!important;
}
body.raw-chart-page-active #rawFortuneHost .raw-fortune-row.fortune-focus-row > .raw-fortune-label{
  color:#8f294d!important;
  font-weight:850!important;
  background:linear-gradient(90deg,rgba(143,41,77,.12),rgba(143,41,77,0))!important;
  border-radius:4px!important;
}
body.raw-chart-page-active #rawFortuneHost .raw-fortune-row.fortune-focus-row > .raw-fortune-label::after{
  content:"焦点";
  display:block;
  margin-top:1px;
  font-size:5px;
  line-height:1;
  letter-spacing:.06em;
  color:#a34464;
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-stars-row,
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-smalllimit-row{
  visibility:visible!important;
  opacity:1!important;
}

/* V14 · 紫微运限分层着色 / 星盘导航贴底 / 问事输入居中 / 照见自己净化 */

/* A. 紫微星盘：独立导航永远贴住物理屏幕最底部，不受星盘容器位移影响。 */
body.raw-chart-page-active #chartPage,
body.raw-chart-page-active #chartPage.raw-chart-page{
  transform:none!important;
  translate:none!important;
  perspective:none!important;
  filter:none!important;
  contain:none!important;
}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  position:fixed!important;
  inset:auto 0 0 0!important;
  width:100dvw!important;
  max-width:100dvw!important;
  height:calc(54px + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(54px + env(safe-area-inset-bottom,0px))!important;
  padding:4px max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px))!important;
  margin:0!important;
  border-radius:0!important;
  transform:none!important;
  translate:none!important;
  z-index:2147483640!important;
}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="tools"],
body.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  bottom:calc(54px + env(safe-area-inset-bottom,0px) + 6px)!important;
}

/* B. 大限、流年、小限、流月、流日、流时：宫位标签、运限星曜、该层四化使用同一层级色。 */
body.raw-chart-page-active #rawAstrolabeGrid{
  --scope-decadal:#c73542;
  --scope-yearly:#d87520;
  --scope-smalllimit:#a17916;
  --scope-monthly:#2f8f60;
  --scope-daily:#2f71b9;
  --scope-hourly:#7c48b8;
}

/* 宫位左下角“大命/流命/小命/月命/日命/时命”等文字标签 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.decadal{color:var(--scope-decadal)!important;border-color:color-mix(in srgb,var(--scope-decadal) 42%,transparent)!important;background:color-mix(in srgb,var(--scope-decadal) 9%,white)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.yearly{color:var(--scope-yearly)!important;border-color:color-mix(in srgb,var(--scope-yearly) 42%,transparent)!important;background:color-mix(in srgb,var(--scope-yearly) 9%,white)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.smalllimit{color:var(--scope-smalllimit)!important;border-color:color-mix(in srgb,var(--scope-smalllimit) 42%,transparent)!important;background:color-mix(in srgb,var(--scope-smalllimit) 9%,white)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.monthly{color:var(--scope-monthly)!important;border-color:color-mix(in srgb,var(--scope-monthly) 42%,transparent)!important;background:color-mix(in srgb,var(--scope-monthly) 9%,white)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.daily{color:var(--scope-daily)!important;border-color:color-mix(in srgb,var(--scope-daily) 42%,transparent)!important;background:color-mix(in srgb,var(--scope-daily) 9%,white)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.hourly{color:var(--scope-hourly)!important;border-color:color-mix(in srgb,var(--scope-hourly) 42%,transparent)!important;background:color-mix(in srgb,var(--scope-hourly) 9%,white)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.active{font-weight:900!important;opacity:1!important;box-shadow:0 0 0 1px rgba(255,255,255,.86),0 1px 4px rgba(35,50,67,.12)!important;}

/* 运限星曜 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.decadal{color:var(--scope-decadal)!important;font-weight:780!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.yearly{color:var(--scope-yearly)!important;font-weight:780!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.smalllimit{color:var(--scope-smalllimit)!important;font-weight:780!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.monthly{color:var(--scope-monthly)!important;font-weight:780!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.daily{color:var(--scope-daily)!important;font-weight:780!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.hourly{color:var(--scope-hourly)!important;font-weight:780!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.decadal>span,
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.yearly>span,
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.smalllimit>span,
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.monthly>span,
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.daily>span,
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.hourly>span{color:inherit!important;}

/* 运限四化：颜色跟所属运限层走；本命生年四化仍保留 V13 的红底白字。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.decadal .raw-transform-star{background:var(--scope-decadal)!important;border-color:var(--scope-decadal)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.yearly .raw-transform-star{background:var(--scope-yearly)!important;border-color:var(--scope-yearly)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.smalllimit .raw-transform-star{background:var(--scope-smalllimit)!important;border-color:var(--scope-smalllimit)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.monthly .raw-transform-star{background:var(--scope-monthly)!important;border-color:var(--scope-monthly)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.daily .raw-transform-star{background:var(--scope-daily)!important;border-color:var(--scope-daily)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.hourly .raw-transform-star{background:var(--scope-hourly)!important;border-color:var(--scope-hourly)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.decadal .raw-transform-star em,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.yearly .raw-transform-star em,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.smalllimit .raw-transform-star em,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.monthly .raw-transform-star em,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.daily .raw-transform-star em,
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.hourly .raw-transform-star em{color:#fff!important;opacity:1!important;}

/* 三方四正：由浅色虚线改为清楚的黑色虚线。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-center-triad,
body.raw-chart-page-active #rawAstrolabeGrid .raw-center-opposite{
  stroke:#111!important;
  stroke-width:1!important;
  stroke-dasharray:4 3!important;
  opacity:.82!important;
}

/* C. 问事：输入框+发送按钮精确居中放在四导航上方。 */
body.destiny-page-active #dojoPage{
  transform:none!important;
  translate:none!important;
  perspective:none!important;
}
body.destiny-page-active .destiny-composer{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100dvw - 24px),456px)!important;
  max-width:456px!important;
  margin:0!important;
  bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 8px)!important;
  z-index:2147483000!important;
}
body.destiny-page-active.destiny-keyboard-open .destiny-composer{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100dvw - 24px),456px)!important;
  bottom:10px!important;
}

/* D. “照见自己”：整体顶到页面顶部；头图与手机屏幕同宽；删除旧铃铛、格言、宇宙文案后的空位。 */
#identityOverviewPage.identity-page{
  margin-top:calc(-1 * env(safe-area-inset-top,0px))!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  overflow-x:visible!important;
}
#identityOverviewPage.identity-page>.d-head{
  height:86px!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 6px)!important;
  margin-top:calc(-1 * env(safe-area-inset-top,0px))!important;
  position:relative!important;
  z-index:5!important;
}
#identityOverviewPage.identity-page>.d-head .d-settings,
#identityOverviewPage.identity-page>.d-head .d-motto,
#identityOverviewPage.identity-page>.d-cosmology{display:none!important;}
#identityOverviewPage.identity-page>.d-spirit{
  width:100dvw!important;
  max-width:100dvw!important;
  left:50%!important;
  right:auto!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:translateX(-50%)!important;
  height:clamp(238px,66.6667vw,320px)!important;
  margin-top:-86px!important;
  margin-bottom:-16px!important;
  border-radius:0!important;
  overflow:hidden!important;
}
#identityOverviewPage.identity-page>.d-spirit img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  visibility:visible!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
#identityOverviewPage.identity-page>.d-self-axis{margin-top:14px!important;}
@media(max-width:600px){
  #identityOverviewPage.identity-page>.d-spirit{height:66.6667vw!important;}
}

/* V15 · 星盘最终贴底与运限分色 / 照见头图净化 / 我的镜像主题增强 */

/* 1) 三方四正：中性灰虚线，清晰但不抢星曜信息。 */
body.raw-chart-page-active #rawAstrolabeGrid .raw-center-triad,
body.raw-chart-page-active #rawAstrolabeGrid .raw-center-opposite{
  stroke:#7d858f!important;
  stroke-width:1!important;
  stroke-dasharray:4 3!important;
  opacity:.82!important;
}

/* 2) 紫微星盘独立导航：覆盖最早 lj-detail 的高优先级规则，强制贴到物理屏幕底部。 */
body.raw-chart-page-active.lj-detail>.bottom,
body.raw-chart-page-active.lj-detail .bottom,
body.raw-chart-page-active>.bottom{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.raw-chart-page-active.lj-detail #chartPage,
body.raw-chart-page-active #chartPage{
  transform:none!important;
  translate:none!important;
  filter:none!important;
  contain:none!important;
  overflow:visible!important;
}
body.raw-chart-page-active.lj-detail #chartPage .raw-chart-mobile-nav,
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  position:fixed!important;
  inset:auto 0 0 0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  height:calc(56px + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(56px + env(safe-area-inset-bottom,0px))!important;
  max-height:none!important;
  margin:0!important;
  padding:4px max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px))!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  z-index:2147483646!important;
  background:rgba(248,250,253,.985)!important;
  border-top:1px solid rgba(150,166,181,.18)!important;
  box-shadow:0 -7px 24px rgba(50,66,82,.10)!important;
}
body.raw-chart-page-active.lj-detail #chartPage .raw-chart-mobile-nav button,
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav button{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  transform:none!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="tools"],
body.raw-chart-page-active [data-raw-chart-sheet="profiles"]{
  bottom:calc(56px + env(safe-area-inset-bottom,0px) + 6px)!important;
}

/* 3) 运限层统一分色：标签 / 运限星曜 / 运限四化共用同一语义色。 */
body.raw-chart-page-active #rawAstrolabeGrid{
  --scope-decadal:#2f9a63;     /* 大限：绿色 */
  --scope-yearly:#2f78c8;      /* 流年：蓝色 */
  --scope-smalllimit:#68afe3;  /* 小限：浅蓝 */
  --scope-monthly:#e4822f;     /* 流月：橙色 */
  --scope-daily:#8152c4;       /* 流日：紫色 */
  --scope-hourly:#78bd89;      /* 流时：浅绿色 */
}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.decadal{color:var(--scope-decadal)!important;border-color:rgba(47,154,99,.38)!important;background:rgba(47,154,99,.09)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.yearly{color:var(--scope-yearly)!important;border-color:rgba(47,120,200,.38)!important;background:rgba(47,120,200,.09)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.smalllimit{color:var(--scope-smalllimit)!important;border-color:rgba(104,175,227,.42)!important;background:rgba(104,175,227,.10)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.monthly{color:var(--scope-monthly)!important;border-color:rgba(228,130,47,.40)!important;background:rgba(228,130,47,.09)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.daily{color:var(--scope-daily)!important;border-color:rgba(129,82,196,.38)!important;background:rgba(129,82,196,.09)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-role-tag.hourly{color:var(--scope-hourly)!important;border-color:rgba(120,189,137,.42)!important;background:rgba(120,189,137,.10)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.decadal{color:var(--scope-decadal)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.yearly{color:var(--scope-yearly)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.smalllimit{color:var(--scope-smalllimit)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.monthly{color:var(--scope-monthly)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.daily{color:var(--scope-daily)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-cycle-star-item.hourly{color:var(--scope-hourly)!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.decadal .raw-transform-star{background:var(--scope-decadal)!important;border-color:var(--scope-decadal)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.yearly .raw-transform-star{background:var(--scope-yearly)!important;border-color:var(--scope-yearly)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.smalllimit .raw-transform-star{background:var(--scope-smalllimit)!important;border-color:var(--scope-smalllimit)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.monthly .raw-transform-star{background:var(--scope-monthly)!important;border-color:var(--scope-monthly)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.daily .raw-transform-star{background:var(--scope-daily)!important;border-color:var(--scope-daily)!important;color:#fff!important;}
body.raw-chart-page-active #rawAstrolabeGrid .raw-transform-scope.hourly .raw-transform-star{background:var(--scope-hourly)!important;border-color:var(--scope-hourly)!important;color:#fff!important;}

/* 4) 照见首页：移除“灵境”标题上方残留白色半透明遮挡物。 */
.d-home.page>.d-hero::before{
  display:none!important;
  content:none!important;
  background:none!important;
}
.d-home.page>.d-head::before,
.d-home.page>.d-head::after,
body.home-page-active #homePage>.d-head::before,
body.home-page-active #homePage>.d-head::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* 5) “我的镜像”：从纯白改为白玉 / 淡蓝 / 香槟金的清晰层级。 */
body.mirror-library-page-active,
body.mirror-library-page-active>.app,
#mirrorLibraryPage{
  background:
    radial-gradient(circle at 86% 2%,rgba(216,181,118,.13),transparent 26%),
    radial-gradient(circle at 10% 18%,rgba(115,175,224,.13),transparent 30%),
    linear-gradient(180deg,#eef5fb 0%,#f8fafc 44%,#eef4f9 100%)!important;
}
#mirrorLibraryPage .mirror-library-shell{
  padding-left:10px!important;
  padding-right:10px!important;
}
#mirrorLibraryPage .mirror-library-topbar{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(235,244,252,.72))!important;
  border:1px solid rgba(128,168,203,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 24px rgba(79,105,131,.08)!important;
  -webkit-backdrop-filter:blur(15px) saturate(112%)!important;
  backdrop-filter:blur(15px) saturate(112%)!important;
}
#mirrorLibraryPage .mirror-library-heading small{color:#9b7744!important;}
#mirrorLibraryPage .mirror-library-heading h2{color:#24374a!important;}
#mirrorLibraryPage .mirror-library-heading p{color:#758392!important;}
#mirrorLibraryPage .mirror-library-back,
#mirrorLibraryPage #savedProfile .profile-search-icon-btn,
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn{
  color:#60788e!important;
  background:linear-gradient(150deg,rgba(255,255,255,.91),rgba(229,240,249,.82))!important;
  border-color:rgba(125,164,199,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(70,96,120,.08)!important;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn .add-profile-plus{
  color:#b58a4b!important;
  background:none!important;
  -webkit-text-fill-color:#b58a4b!important;
}
#mirrorLibraryPage #savedProfile .profile-group-row{
  background:rgba(246,250,253,.55)!important;
  border-radius:14px!important;
}
#mirrorLibraryPage #savedProfile .profile-group-chip{
  color:#64778a!important;
  background:rgba(255,255,255,.64)!important;
  border-color:rgba(129,165,195,.16)!important;
}
#mirrorLibraryPage #savedProfile .profile-group-chip.active{
  color:#8a6737!important;
  background:linear-gradient(145deg,rgba(255,252,244,.96),rgba(244,231,204,.82))!important;
  border-color:rgba(186,145,82,.30)!important;
  box-shadow:0 3px 10px rgba(129,94,44,.08)!important;
}
#mirrorLibraryPage .mirror-profile-card{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(234,243,251,.80))!important;
  border:1px solid rgba(122,163,198,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 5px 16px rgba(65,91,116,.07)!important;
}
#mirrorLibraryPage .mirror-profile-card.active{
  background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(238,246,252,.88))!important;
  border-color:rgba(190,151,89,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 6px 18px rgba(112,87,50,.10)!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-copy>b{color:#26394d!important;}
#mirrorLibraryPage .mirror-profile-card .profile-copy .profile-birth-line{color:#718093!important;}
#mirrorLibraryPage .profile-avatar{
  color:#395b78!important;
  background:radial-gradient(circle at 34% 28%,#fff 0%,#e0eef9 50%,#c7ddec 100%)!important;
  border:1px solid rgba(128,169,204,.22)!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-group-pill{
  color:#8b6b3c!important;
  background:rgba(250,241,221,.86)!important;
  border-color:rgba(186,146,83,.22)!important;
}
#mirrorLibraryPage .mirror-profile-card .profile-active-dot{
  color:#2f7b5a!important;
  background:rgba(226,246,236,.92)!important;
  border-color:rgba(79,154,116,.18)!important;
}

/* 搜索弹层：轻玻璃白玉样式，展开后宽度足够输入与清空。 */
#mirrorLibraryPage #savedProfile .profile-search-popover{
  width:220px!important;
  min-height:38px!important;
  grid-template-columns:26px minmax(0,1fr) 28px!important;
  gap:2px!important;
  padding:4px 6px!important;
  border-radius:14px!important;
  color:#31475a!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,243,251,.91))!important;
  border:1px solid rgba(117,161,197,.24)!important;
  box-shadow:0 12px 30px rgba(58,84,108,.16),inset 0 1px 0 rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(20px) saturate(118%)!important;
  backdrop-filter:blur(20px) saturate(118%)!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover:not(.expanded):not(.has-value){
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(-2px) scale(.96)!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover.expanded,
#mirrorLibraryPage #savedProfile .profile-search-popover.has-value{
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
#mirrorLibraryPage #savedProfile .profile-search-field-icon{
  width:15px!important;
  height:15px!important;
  stroke:#6f8498!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover input{
  height:30px!important;
  padding:0 3px!important;
  font-size:12px!important;
  color:#26394b!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover input::placeholder{color:#98a6b3!important;}
#mirrorLibraryPage #savedProfile .profile-search-popover .profile-search-clear{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
  color:#7a8794!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(135,164,189,.14)!important;
}
@media(max-width:390px){
  #mirrorLibraryPage #savedProfile .profile-search-popover{width:min(210px,calc(100vw - 92px))!important;}
}

/* V16 · 星盘运限间距 / 底部弹层 / 镜像搜索可见 / 建立生命镜像重构 */

/* 1) 紫微星盘：十二宫 → 15px → 运限 → 13px → 底部导航。 */
body.raw-chart-page-active{
  --raw-chart-v16-nav-h:calc(56px + env(safe-area-inset-bottom,0px));
  --raw-chart-v16-nav-gap:13px;
  --raw-chart-v16-chart-gap:15px;
}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100dvw!important;
  height:var(--raw-chart-v16-nav-h)!important;
  min-height:var(--raw-chart-v16-nav-h)!important;
  max-height:var(--raw-chart-v16-nav-h)!important;
  margin:0!important;
  padding:4px max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px))!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  z-index:2147483647!important;
}
body.raw-chart-page-active #rawChartPageBody{
  position:fixed!important;
  top:max(env(safe-area-inset-top,0px),2px)!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--raw-chart-v16-nav-h) + var(--raw-chart-v16-nav-gap))!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.raw-chart-page-active #rawAstrolabeCard{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h,180px)!important;
  row-gap:var(--raw-chart-v16-chart-gap)!important;
  column-gap:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 1px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.raw-chart-page-active #rawAstrolabeGrid{
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  align-self:stretch!important;
}
body.raw-chart-page-active #rawFortuneHost{
  position:relative!important;
  align-self:end!important;
  width:100%!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}

/* 2) “生命档案 / 工具”统一从导航正上方弹出。 */
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"],
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  position:fixed!important;
  top:auto!important;
  left:0!important;
  right:0!important;
  bottom:var(--raw-chart-v16-nav-h)!important;
  inset:auto 0 var(--raw-chart-v16-nav-h) 0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0 8px!important;
  margin:0!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  z-index:2147483645!important;
  background:transparent!important;
  pointer-events:none!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"].open,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"].open{
  display:flex!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  pointer-events:auto!important;
  width:min(100%,456px)!important;
  margin:0 auto!important;
  padding:14px 13px 13px!important;
  border:1px solid rgba(118,157,190,.24)!important;
  border-bottom:0!important;
  border-radius:22px 22px 0 0!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(215,181,119,.13),transparent 28%),
    linear-gradient(155deg,rgba(255,255,255,.985),rgba(232,243,252,.975))!important;
  box-shadow:0 -14px 34px rgba(42,65,85,.16),inset 0 1px 0 rgba(255,255,255,.98)!important;
  color:#273849!important;
  -webkit-backdrop-filter:blur(22px) saturate(115%)!important;
  backdrop-filter:blur(22px) saturate(115%)!important;
  transform-origin:center bottom!important;
  box-sizing:border-box!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  width:min(calc(100% - 16px),360px)!important;
  margin-left:auto!important;
  margin-right:8px!important;
  border-bottom:1px solid rgba(118,157,190,.18)!important;
  border-radius:18px 18px 8px 8px!important;
  padding:10px!important;
}

/* 生命档案：修复全透明导致不可读。 */
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-head,
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-actions,
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters,
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  color:#2d3f51!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-head strong{
  color:#273a4d!important;
  font-weight:760!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-life-archive-head small{
  color:#7c8995!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters button{
  color:#596b7c!important;
  background:rgba(244,249,253,.94)!important;
  border:1px solid rgba(123,163,196,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters button.active{
  color:#87612d!important;
  background:linear-gradient(145deg,rgba(255,250,240,.98),rgba(239,247,253,.96))!important;
  border-color:rgba(190,151,91,.32)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-wrap{
  background:rgba(246,250,253,.94)!important;
  border:1px solid rgba(121,161,194,.16)!important;
  box-shadow:0 4px 12px rgba(54,77,96,.06)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-item{
  color:#314457!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(125,162,193,.13)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-item.current{
  color:#493b27!important;
  background:linear-gradient(135deg,rgba(255,249,237,.98),rgba(239,247,253,.96))!important;
  border-color:rgba(192,151,88,.30)!important;
  box-shadow:inset 3px 0 0 rgba(190,148,82,.72)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact{
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(124,164,197,.20)!important;
  box-shadow:0 4px 13px rgba(56,78,98,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact input{
  color:#2f4254!important;
  background:transparent!important;
  -webkit-text-fill-color:#2f4254!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-chart-profile-search.compact input::placeholder{
  color:#93a1ae!important;
  opacity:1!important;
}
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-profile-search-toggle,
body.raw-chart-page-active [data-raw-chart-sheet="profiles"] .raw-profile-search-clear{
  color:#61788d!important;
  background:rgba(239,246,252,.92)!important;
}

/* 3) 我的镜像：搜索按钮和搜索框强制可见、可点、位于最上层。 */
#mirrorLibraryPage .profile-library-head{
  position:relative!important;
  z-index:60!important;
  overflow:visible!important;
}
#mirrorLibraryPage .profile-search-anchor{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:48px!important;
  min-height:44px!important;
  overflow:visible!important;
  z-index:120!important;
}
#mirrorLibraryPage #profileNameSearchToggle.profile-search-icon-btn{
  display:inline-grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid rgba(136,170,199,.26)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,242,250,.95))!important;
  color:#536d83!important;
  box-shadow:0 5px 15px rgba(49,75,96,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;
  z-index:122!important;
}
#mirrorLibraryPage #profileNameSearchToggle .profile-search-icon-svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  fill:none!important;
}
#mirrorLibraryPage .profile-search-popover{
  position:absolute!important;
  top:50%!important;
  right:50px!important;
  transform:translateY(-50%) scale(.98)!important;
  transform-origin:right center!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:min(248px,calc(100dvw - 96px))!important;
  min-height:44px!important;
  padding:5px 8px!important;
  border-radius:15px!important;
  border:1px solid rgba(128,168,201,.26)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.985),rgba(231,242,250,.97))!important;
  box-shadow:0 12px 30px rgba(45,70,91,.16),inset 0 1px 0 rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  z-index:121!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
#mirrorLibraryPage .profile-search-popover.expanded,
#mirrorLibraryPage .profile-search-popover.has-value,
#mirrorLibraryPage .profile-search-anchor:focus-within .profile-search-popover{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(-50%) scale(1)!important;
}
#mirrorLibraryPage .profile-search-field-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  stroke:#6f879b!important;
  stroke-width:1.8!important;
  fill:none!important;
}
#mirrorLibraryPage .profile-search-popover input{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#2e4051!important;
  -webkit-text-fill-color:#2e4051!important;
  font-size:14px!important;
}
#mirrorLibraryPage .profile-search-popover input::placeholder{color:#93a2ae!important;opacity:1!important;}
#mirrorLibraryPage .profile-search-clear{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(226,238,248,.94)!important;
  color:#60758a!important;
  font-size:20px!important;
  line-height:1!important;
}

/* 4) 建立生命镜像：从“纯白表单”重构成白玉 / 淡蓝 / 香槟金分层页面。 */
body.mirror-form-page-active,
body.mirror-form-page-active>.app,
body.mirror-form-page-active #profilePage{
  background:
    radial-gradient(circle at 92% 2%,rgba(211,177,113,.13),transparent 27%),
    radial-gradient(circle at 8% 18%,rgba(105,170,222,.15),transparent 31%),
    linear-gradient(180deg,#edf5fb 0%,#f7fafc 43%,#edf4f9 100%)!important;
}
body.mirror-form-page-active #profilePage{
  padding:calc(env(safe-area-inset-top,0px) + 12px) 10px calc(30px + env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.mirror-form-page-active #profileFormCard.form-card{
  width:min(100%,520px)!important;
  max-width:520px!important;
  margin:0 auto!important;
  padding:14px!important;
  border-radius:24px!important;
  border:1px solid rgba(126,166,199,.22)!important;
  background:linear-gradient(160deg,rgba(255,255,255,.93),rgba(235,245,252,.88))!important;
  box-shadow:0 18px 48px rgba(53,77,98,.12),inset 0 1px 0 rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(20px) saturate(110%)!important;
  backdrop-filter:blur(20px) saturate(110%)!important;
  color:#2e4051!important;
}
body.mirror-form-page-active #profileFormCard .profile-form-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:38px!important;
  margin:-2px 0 8px!important;
  padding:0 2px 8px!important;
  border-bottom:1px solid rgba(128,165,195,.15)!important;
}
body.mirror-form-page-active #profileFormCard .profile-form-toolbar .eyebrow,
body.mirror-form-page-active #profileFormCard .form-title .eyebrow{
  color:#a27a43!important;
  letter-spacing:.13em!important;
}
body.mirror-form-page-active #profileFormCard #cancelProfileEdit{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  border:1px solid rgba(128,165,194,.20)!important;
  background:rgba(245,250,253,.92)!important;
  color:#607487!important;
}
body.mirror-form-page-active #profileFormCard .form-title{
  margin:0 0 12px!important;
  padding:14px 14px 13px!important;
  border-radius:18px!important;
  border:1px solid rgba(140,176,205,.16)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(213,177,111,.16),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(230,242,251,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
}
body.mirror-form-page-active #profileFormCard .form-title h2{
  margin:3px 0 5px!important;
  color:#26394b!important;
  font-size:23px!important;
  letter-spacing:.04em!important;
}
body.mirror-form-page-active #profileFormCard .form-title p{
  margin:0!important;
  color:#7b8996!important;
  font-size:12px!important;
}
body.mirror-form-page-active #profileFormCard .segment{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:0 0 11px!important;
  padding:4px!important;
  border:1px solid rgba(126,165,197,.18)!important;
  border-radius:15px!important;
  background:rgba(228,239,248,.74)!important;
}
body.mirror-form-page-active #profileFormCard .segment button{
  min-height:38px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#718192!important;
  font-weight:650!important;
}
body.mirror-form-page-active #profileFormCard .segment button.active{
  color:#7c5c31!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 4px 12px rgba(55,80,100,.09),inset 0 0 0 1px rgba(196,157,97,.18)!important;
}
body.mirror-form-page-active #profileFormCard .fields{
  display:grid!important;
  gap:9px!important;
}
body.mirror-form-page-active #profileFormCard .field,
body.mirror-form-page-active #profileFormCard .toggle-line{
  margin:0!important;
  padding:11px!important;
  border-radius:16px!important;
  border:1px solid rgba(126,165,197,.16)!important;
  background:rgba(250,252,254,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.mirror-form-page-active #profileFormCard .two{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  margin:0!important;
}
body.mirror-form-page-active #profileFormCard .field label{
  display:block!important;
  margin:0 0 7px!important;
  color:#596d80!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.mirror-form-page-active #profileFormCard input,
body.mirror-form-page-active #profileFormCard select,
body.mirror-form-page-active #profileFormCard textarea,
body.mirror-form-page-active #profileFormCard .picker-mini,
body.mirror-form-page-active #profileFormCard .region-select,
body.mirror-form-page-active #profileFormCard .profile-group-select-wrap{
  color:#2f4355!important;
  background:rgba(236,244,250,.86)!important;
  border-color:rgba(124,162,193,.20)!important;
}
body.mirror-form-page-active #profileFormCard input,
body.mirror-form-page-active #profileFormCard select,
body.mirror-form-page-active #profileFormCard textarea{
  border-radius:11px!important;
  min-height:40px!important;
}
body.mirror-form-page-active #profileFormCard textarea{min-height:76px!important;padding-top:10px!important;}
body.mirror-form-page-active #profileFormCard .solar-time-hint{
  margin-top:7px!important;
  color:#84919d!important;
  font-size:10px!important;
  line-height:1.55!important;
}
body.mirror-form-page-active #profileFormCard #generateBtn.primary-btn{
  width:100%!important;
  min-height:48px!important;
  margin:13px 0 0!important;
  border:1px solid rgba(181,142,82,.30)!important;
  border-radius:15px!important;
  background:linear-gradient(120deg,#d7bb89 0%,#b78d51 52%,#d8bd8e 100%)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:760!important;
  letter-spacing:.08em!important;
  box-shadow:0 10px 24px rgba(159,121,65,.20),inset 0 1px 0 rgba(255,255,255,.36)!important;
}
@media(max-width:430px){
  body.mirror-form-page-active #profileFormCard.form-card{padding:11px!important;border-radius:21px!important;}
  body.mirror-form-page-active #profileFormCard .two{grid-template-columns:1fr!important;}
  body.mirror-form-page-active #profileFormCard .profile-name-gender-row{grid-template-columns:minmax(0,1.45fr) minmax(94px,.55fr)!important;}
  #mirrorLibraryPage .profile-search-popover{width:min(224px,calc(100dvw - 88px))!important;right:46px!important;}
}

/* V17 · 星盘运限贴底 / 档案工具上弹 / 镜像搜索与独立建档页 */

/* 1) 紫微星盘：强制形成“十二宫 → 15px → 运限 → 13px → 导航”的固定垂直关系。 */
body.raw-chart-page-active{
  --raw-chart-v17-nav-h:calc(56px + env(safe-area-inset-bottom,0px));
  --raw-chart-v17-fortune-nav-gap:13px;
  --raw-chart-v17-chart-fortune-gap:15px;
}
body.raw-chart-page-active #chartPage,
body.raw-chart-page-active #chartPage .raw-chart-page-shell{
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.raw-chart-page-active #chartPage .raw-chart-mobile-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100dvw!important;
  height:var(--raw-chart-v17-nav-h)!important;
  min-height:var(--raw-chart-v17-nav-h)!important;
  max-height:var(--raw-chart-v17-nav-h)!important;
  margin:0!important;
  padding:4px max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px))!important;
  transform:none!important;
  translate:none!important;
  box-sizing:border-box!important;
  z-index:2147483647!important;
}
body.raw-chart-page-active #rawChartPageBody{
  position:fixed!important;
  top:max(env(safe-area-inset-top,0px),2px)!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--raw-chart-v17-nav-h) + var(--raw-chart-v17-fortune-nav-gap))!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.raw-chart-page-active #rawAstrolabeCard.raw-astrolabe-card,
body.raw-chart-page-active #rawAstrolabeCard{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) var(--raw-fortune-fixed-h,180px)!important;
  row-gap:var(--raw-chart-v17-chart-fortune-gap)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 1px!important;
  align-content:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.raw-chart-page-active #rawAstrolabeGrid{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  align-self:stretch!important;
}
body.raw-chart-page-active #rawFortuneHost{
  position:relative!important;
  width:100%!important;
  height:var(--raw-fortune-fixed-h,180px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  align-self:end!important;
  justify-self:stretch!important;
  transform:none!important;
  translate:none!important;
  box-sizing:border-box!important;
}

/* 2) 生命档案 / 工具：永远从导航栏上方弹出，面板与导航之间留 8px，不覆盖导航。 */
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"],
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"]{
  position:fixed!important;
  inset:auto 0 calc(var(--raw-chart-v17-nav-h) + 8px) 0!important;
  top:auto!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--raw-chart-v17-nav-h) + 8px)!important;
  width:100dvw!important;
  max-height:calc(100dvh - var(--raw-chart-v17-nav-h) - env(safe-area-inset-top,0px) - 24px)!important;
  margin:0!important;
  padding:0 8px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
  box-sizing:border-box!important;
  z-index:2147483645!important;
  pointer-events:none!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"].open,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"].open{
  display:flex!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="tools"] .raw-chart-sheet-panel{
  pointer-events:auto!important;
  max-height:calc(100dvh - var(--raw-chart-v17-nav-h) - env(safe-area-inset-top,0px) - 32px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-bottom:1px solid rgba(118,157,190,.20)!important;
  border-radius:20px!important;
  margin:0 auto!important;
  transform-origin:center bottom!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-sheet-panel{
  width:min(calc(100% - 8px),456px)!important;
  padding:14px 13px 13px!important;
  color:#26394b!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(215,181,119,.14),transparent 29%),
    linear-gradient(155deg,rgba(255,255,255,.995),rgba(231,243,252,.985))!important;
  border:1px solid rgba(109,151,185,.28)!important;
  box-shadow:0 -12px 36px rgba(43,65,84,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
  -webkit-backdrop-filter:blur(24px) saturate(118%)!important;
  backdrop-filter:blur(24px) saturate(118%)!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-life-archive-head,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-life-archive-actions,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-filters,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-list{
  opacity:1!important;
  visibility:visible!important;
  color:#2f4355!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-life-archive-head strong,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-item b{
  color:#23384b!important;
  -webkit-text-fill-color:#23384b!important;
}
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-life-archive-head small,
body.raw-chart-page-active #chartPage [data-raw-chart-sheet="profiles"] .raw-chart-profile-item small{
  color:#718293!important;
  -webkit-text-fill-color:#718293!important;
}

/* 3) 我的镜像：搜索入口固定可见；“+”向左收 7px，避免贴边。 */
#mirrorLibraryPage .mirror-library-shell{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}
#mirrorLibraryPage .mirror-library-topbar{
  position:relative!important;
  z-index:80!important;
  overflow:visible!important;
}
#mirrorLibraryPage #savedProfile{
  position:relative!important;
  z-index:90!important;
  overflow:visible!important;
}
#mirrorLibraryPage #savedProfile .profile-library-head{
  position:static!important;
  overflow:visible!important;
}
#mirrorLibraryPage #savedProfile .profile-search-anchor{
  position:absolute!important;
  top:25px!important;
  right:68px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  z-index:220!important;
  pointer-events:auto!important;
}
#mirrorLibraryPage #profileNameSearchToggle.profile-search-icon-btn{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  color:#405f79!important;
  -webkit-text-fill-color:#405f79!important;
  border:1px solid rgba(95,143,182,.34)!important;
  border-radius:12px!important;
  background:linear-gradient(150deg,#ffffff 0%,#e6f1f9 100%)!important;
  box-shadow:0 6px 16px rgba(45,73,96,.16),inset 0 1px 0 rgba(255,255,255,1)!important;
  z-index:222!important;
}
#mirrorLibraryPage #profileNameSearchToggle .profile-search-icon-svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:#405f79!important;
  stroke-width:2!important;
  opacity:1!important;
  visibility:visible!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover{
  position:absolute!important;
  top:-3px!important;
  right:46px!important;
  width:min(232px,calc(100dvw - 112px))!important;
  min-width:150px!important;
  height:44px!important;
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:3px!important;
  padding:4px 6px!important;
  border:1px solid rgba(96,145,184,.32)!important;
  border-radius:14px!important;
  color:#263d52!important;
  background:linear-gradient(150deg,rgba(255,255,255,.995),rgba(229,241,250,.99))!important;
  box-shadow:0 10px 28px rgba(42,70,94,.18),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  backdrop-filter:blur(18px) saturate(118%)!important;
  z-index:224!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover.expanded,
#mirrorLibraryPage #savedProfile .profile-search-popover.has-value,
#mirrorLibraryPage #savedProfile .profile-search-anchor:focus-within .profile-search-popover{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  color:#263d52!important;
  -webkit-text-fill-color:#263d52!important;
  caret-color:#426b8d!important;
  font-size:13px!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
}
#mirrorLibraryPage #savedProfile .profile-search-popover input::placeholder{
  color:#8294a4!important;
  -webkit-text-fill-color:#8294a4!important;
  opacity:1!important;
}
#mirrorLibraryPage .mirror-library-add-area{
  position:absolute!important;
  top:25px!important;
  right:18px!important;
  width:38px!important;
  height:38px!important;
  z-index:221!important;
}
#mirrorLibraryPage .mirror-library-add-area .mirror-library-add-btn{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
}
@media(max-width:390px){
  #mirrorLibraryPage #savedProfile .profile-search-anchor{top:24px!important;right:66px!important;}
  #mirrorLibraryPage .mirror-library-add-area{top:24px!important;right:18px!important;}
  #mirrorLibraryPage #savedProfile .profile-search-popover{width:min(218px,calc(100dvw - 108px))!important;}
}

/* 4) 建立生命镜像：明确为独立子页面，而不是悬浮弹窗。 */
body.mirror-form-page-active > .bottom,
body.mirror-form-page-active > .app > .top,
body.mirror-form-page-active #profilePage #myReportHub,
body.mirror-form-page-active #profilePage #aiReportView{
  display:none!important;
}
body.mirror-form-page-active,
body.mirror-form-page-active > .app{
  width:100dvw!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.mirror-form-page-active #profilePage.profile-form-mode{
  position:fixed!important;
  inset:0!important;
  display:block!important;
  width:100dvw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 10px) 12px calc(env(safe-area-inset-bottom,0px) + 18px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
  background:
    radial-gradient(circle at 88% 4%,rgba(214,181,119,.14),transparent 25%),
    radial-gradient(circle at 8% 20%,rgba(103,171,225,.16),transparent 30%),
    linear-gradient(180deg,#eaf3fa 0%,#f7fafc 42%,#edf4f9 100%)!important;
  box-sizing:border-box!important;
  z-index:2147482000!important;
}
body.mirror-form-page-active #profileFormCard.form-card{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:min(100%,520px)!important;
  max-width:520px!important;
  min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;
  margin:0 auto!important;
  padding:0 0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:#2d4052!important;
}
body.mirror-form-page-active #profileFormCard .profile-form-toolbar{
  position:sticky!important;
  top:-10px!important;
  z-index:20!important;
  min-height:48px!important;
  margin:0 -2px 10px!important;
  padding:7px 4px 7px!important;
  background:linear-gradient(180deg,rgba(234,243,250,.98),rgba(234,243,250,.88),rgba(234,243,250,0))!important;
  border-bottom:0!important;
}
body.mirror-form-page-active #profileFormCard .form-title{
  margin:0 0 12px!important;
  padding:16px 15px!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(232,243,251,.88))!important;
  border:1px solid rgba(117,160,195,.20)!important;
  box-shadow:0 10px 30px rgba(51,77,99,.08),inset 0 1px 0 #fff!important;
}
body.mirror-form-page-active #profileFormCard .fields{
  display:grid!important;
  gap:10px!important;
}
body.mirror-form-page-active #profileFormCard .field,
body.mirror-form-page-active #profileFormCard .toggle-line{
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(116,158,192,.18)!important;
  box-shadow:0 4px 14px rgba(53,79,101,.05),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
/* 出生年月日始终横排。 */
body.mirror-form-page-active #profileFormCard .birth-picker-grid:not(.time){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
}
/* 出生时分始终横排。 */
body.mirror-form-page-active #profileFormCard .birth-picker-grid.time{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
body.mirror-form-page-active #profileFormCard .birth-picker-grid .picker-mini{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
/* 时间和“镜像分组”改为上下分区，避免时/分选择器被压窄。 */
body.mirror-form-page-active #profileFormCard .profile-time-group-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
}
@media(max-width:390px){
  body.mirror-form-page-active #profilePage.profile-form-mode{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  body.mirror-form-page-active #profileFormCard .birth-picker-grid:not(.time){gap:5px!important;}
  body.mirror-form-page-active #profileFormCard .birth-picker-grid.time{gap:6px!important;}
}


/* V16 · 照见自己：头图与“多维自我”共线；六张人格卡使用全幅视觉底图。 */
#identityOverviewPage.identity-page>.d-spirit{
  margin-bottom:0!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.94) 79%,rgba(0,0,0,.66) 88%,rgba(0,0,0,.24) 96%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.94) 79%,rgba(0,0,0,.66) 88%,rgba(0,0,0,.24) 96%,transparent 100%);
}
#identityOverviewPage.identity-page>.d-spirit::after{
  content:'';
  position:absolute;
  inset:auto 0 0;
  height:34%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(245,247,250,0),rgba(245,247,250,.16) 50%,rgba(245,247,250,.76) 90%,rgba(245,247,250,.98));
}
#identityOverviewPage.identity-page>.d-self-axis{
  position:relative!important;
  z-index:5!important;
  margin-top:-123px!important;
  margin-bottom:18px!important;
}
#identityOverviewPage.identity-page>.d-self-axis>div>span{
  position:relative;
  z-index:3;
  padding:5px 10px 7px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(248,250,253,.76));
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 8px 22px rgba(60,74,94,.07),inset 0 1px rgba(255,255,255,.74);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
#identityOverviewPage.identity-page>.d-identity-grid{
  position:relative;
  z-index:6;
  margin-top:14px!important;
  gap:8px!important;
}
.d-identity-grid>button.d-identity-card{
  position:relative;
  isolation:isolate;
  min-height:174px!important;
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#f2f5f8!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 12px 30px rgba(55,69,88,.09),inset 0 1px rgba(255,255,255,.74)!important;
  transform:translateZ(0);
}
.d-identity-card-bg{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
  filter:saturate(.88) contrast(.98);
}
.d-identity-card-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(252,253,255,.06) 0%,rgba(252,253,255,.24) 34%,rgba(248,250,252,.77) 72%,rgba(246,248,251,.94) 100%),
    linear-gradient(135deg,rgba(255,255,255,.28),transparent 58%);
}
.d-identity-card-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:174px;
  width:100%;
  padding:12px 10px 11px;
  text-align:left;
}
.d-identity-card-copy h3{
  margin:0!important;
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:.02em;
  color:#222a34!important;
  text-shadow:0 1px rgba(255,255,255,.72);
}
.d-identity-card-copy>small{
  display:block;
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.25!important;
  color:rgba(42,52,66,.58)!important;
  letter-spacing:.03em;
}
.d-identity-tags{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin:8px 0 5px;
  max-height:48px;
  overflow:hidden;
}
.d-identity-tags span{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:2px 6px 3px;
  border-radius:999px;
  font-size:9px;
  line-height:1;
  white-space:nowrap;
  color:rgba(34,43,55,.78);
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 3px 10px rgba(58,72,90,.04);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
.d-identity-card-copy p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin:auto 0 0!important;
  font-size:10px!important;
  line-height:1.48!important;
  color:rgba(37,46,59,.72)!important;
}
.d-identity-grid .d-icon{display:none!important;}
@media(max-width:360px){
  .d-identity-grid>button.d-identity-card,.d-identity-card-copy{min-height:166px!important;}
  .d-identity-card-copy{padding:11px 9px 10px;}
  .d-identity-tags{gap:3px;max-height:46px;}
  .d-identity-tags span{font-size:8px;padding-inline:5px;}
}

/* V17 · 照见自己信息聚焦 + 报告阅读体验重构 */
#identityOverviewPage.identity-page>.d-self-axis{display:none!important;}
#identityOverviewPage.identity-page>.d-spirit{
  height:318px!important;
  margin-top:-72px!important;
  margin-bottom:-54px!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.58) 88%,rgba(0,0,0,.18) 96%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.58) 88%,rgba(0,0,0,.18) 96%,transparent 100%)!important;
}
#identityOverviewPage.identity-page>.d-spirit::after{
  height:38%!important;
  background:linear-gradient(180deg,rgba(244,246,250,0),rgba(244,246,250,.18) 42%,rgba(244,246,250,.82) 88%,#f4f6fa 100%)!important;
}
#identityOverviewPage.identity-page>.d-identity-grid{
  margin:0 0 10px!important;
  gap:9px!important;
}
.d-identity-grid>button.d-identity-card{
  min-height:196px!important;
  border-radius:23px!important;
}
.d-identity-card-shade{
  background:
    linear-gradient(180deg,rgba(251,253,255,.05) 0%,rgba(250,252,254,.16) 28%,rgba(247,249,252,.64) 65%,rgba(245,248,251,.94) 100%),
    linear-gradient(135deg,rgba(255,255,255,.28),transparent 60%)!important;
}
.d-identity-card-copy{
  min-height:196px!important;
  padding:13px 10px 12px!important;
  align-items:stretch!important;
}
.d-identity-card-copy h3{
  font-size:15px!important;
  line-height:1.2!important;
  text-align:left!important;
}
.d-identity-card-copy>small,
.d-identity-card-copy>p{display:none!important;}
.d-identity-card-content{
  flex:1;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}
.d-identity-card-summary{
  padding:12px 4px 4px;
  text-align:center;
  color:rgba(35,44,57,.79);
  font-size:11.5px;
  line-height:1.72;
  letter-spacing:.015em;
  text-shadow:0 1px rgba(255,255,255,.64);
  overflow-wrap:anywhere;
}
.d-identity-card-keywords{padding-top:8px;}
.d-identity-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  width:100%;
  gap:5px!important;
  margin:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.d-identity-tags span{
  justify-content:center!important;
  min-height:25px!important;
  padding:5px 4px!important;
  border-radius:11px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center;
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 4px 12px rgba(58,72,90,.035)!important;
}
@media(max-width:360px){
  #identityOverviewPage.identity-page>.d-spirit{height:300px!important;margin-bottom:-48px!important;}
  .d-identity-grid>button.d-identity-card,.d-identity-card-copy{min-height:190px!important;}
  .d-identity-card-copy{padding:12px 8px 10px!important;}
  .d-identity-card-summary{font-size:10.5px;line-height:1.62;padding-inline:1px;}
  .d-identity-tags{gap:4px!important;}
  .d-identity-tags span{font-size:8.5px!important;padding:4px 2px!important;}
}

/* 我的报告入口：降低装饰噪音，让两份报告入口更像真正的“报告封面”。 */
.my-report-grid{gap:10px!important;margin-top:15px!important;}
.my-report-card{
  min-height:178px!important;
  height:auto!important;
  padding:15px 14px!important;
  border-radius:23px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.93),rgba(232,239,247,.72))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 12px 32px rgba(79,96,119,.08),inset 0 1px rgba(255,255,255,.92)!important;
}
.my-report-card:after{height:58%!important;opacity:.72;filter:saturate(.74) contrast(.94);}
.my-report-card .report-no{display:block!important;color:rgba(76,87,101,.46)!important;font-size:9px!important;letter-spacing:.18em!important;}
.my-report-card .report-mark{display:none!important;}
.my-report-card h3{margin:12px 0 0!important;font-size:20px!important;color:#303843!important;}
.my-report-card p{margin-top:5px!important;font-size:10.5px!important;color:#78818d!important;}
.my-report-card .report-go{margin-top:auto!important;padding-top:22px!important;font-size:10.5px!important;color:#8b7355!important;}

/* 报告页头：保持轻、稳、可回退。 */
.d-report-active .ai-report-topbar{
  position:sticky;
  top:0;
  z-index:24;
  min-height:62px;
  padding:8px 0 7px!important;
  margin:0 -4px 6px;
  background:linear-gradient(180deg,rgba(244,246,250,.97) 70%,rgba(244,246,250,.78));
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.d-report-active .ai-report-heading h1{font-size:20px!important;letter-spacing:.05em;color:#2f3742!important;}
.d-report-active .ai-report-heading p{font-size:10px!important;color:#7a8490!important;}
.ai-report-back{
  width:38px!important;height:38px!important;border-radius:50%!important;
  background:rgba(255,255,255,.74)!important;border:1px solid rgba(255,255,255,.96)!important;
  color:#5d6875!important;box-shadow:0 5px 16px rgba(78,96,118,.06)!important;
}
.ai-report-regenerate{
  max-width:none!important;min-height:36px!important;padding:0 10px!important;font-size:10px!important;
  color:#725f48!important;background:rgba(255,255,255,.7)!important;border:1px solid rgba(255,255,255,.96)!important;
}
.d-report-active .d-share{top:65px!important;right:4px!important;color:#7b6b57!important;font-size:10px!important;}

/* 报告获取 / 生成加载页 */
.ai-report-loading{
  position:relative!important;
  min-height:62vh!important;
  margin-top:4px;
  padding:38px 22px 30px!important;
  border-radius:28px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.96)!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(196,216,239,.6),transparent 24%),
    radial-gradient(circle at 72% 18%,rgba(226,207,174,.34),transparent 24%),
    linear-gradient(155deg,rgba(255,255,255,.9),rgba(232,239,247,.66))!important;
  box-shadow:0 20px 54px rgba(78,95,116,.08),inset 0 1px rgba(255,255,255,.96)!important;
}
.report-loading-visual{position:relative;width:154px;height:154px;margin:0 auto 23px;display:grid;place-items:center;}
.report-loading-halo{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(154,177,202,.24);}
.report-loading-halo.halo-a{inset:10px;box-shadow:0 0 36px rgba(147,178,211,.13);animation:report-breathe 3.2s ease-in-out infinite;}
.report-loading-halo.halo-b{inset:27px;border-color:rgba(184,157,117,.24);animation:report-breathe 3.2s ease-in-out infinite reverse;}
.report-loading-core{
  position:relative;z-index:2;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 25%,#fff,rgba(236,242,248,.94));border:1px solid rgba(255,255,255,.98);
  box-shadow:0 10px 34px rgba(83,103,126,.1),0 0 0 8px rgba(255,255,255,.34);
}
.report-loading-core b{font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:.14em;color:#37414d;margin-left:.14em;}
.report-loading-core small{margin-top:2px;font-size:8px!important;letter-spacing:.08em;color:#8a929c!important;}
.ai-report-loading .ai-report-orbit{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;}
.ai-report-loading .ai-report-orbit:before{inset:18px!important;border-color:rgba(145,170,198,.2)!important;}
.ai-report-loading .ai-report-orbit i{left:50%!important;top:4px!important;width:7px!important;height:7px!important;background:#c2a474!important;box-shadow:0 0 16px rgba(188,154,104,.38)!important;transform-origin:0 73px!important;animation-duration:3.6s!important;}
.report-loading-copy{text-align:center;}
.report-loading-copy>small{display:block!important;margin-bottom:7px;color:#a18663!important;font-size:9px!important;letter-spacing:.18em;}
.ai-report-loading strong{font-family:var(--serif);font-size:19px!important;font-weight:400!important;letter-spacing:.04em;color:#343d48!important;}
.ai-report-loading p{max-width:330px!important;margin:9px auto 0!important;font-size:11px!important;line-height:1.75!important;color:#7a8491!important;}
.report-loading-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,330px);margin:30px auto 0;padding-top:15px;}
.report-loading-steps:before{content:"";position:absolute;left:14%;right:14%;top:19px;height:1px;background:#dbe3ec;}
.report-loading-steps>span{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;color:#9aa2ad;}
.report-loading-steps i{width:9px;height:9px;border-radius:50%;background:#e1e7ee;border:2px solid #f6f8fb;box-shadow:0 0 0 1px #d6dee7;transition:.3s ease;}
.report-loading-steps b{font-size:9px;font-weight:400;letter-spacing:.04em;}
.report-loading-steps>span.active{color:#7b674d;}
.report-loading-steps>span.active i{background:#b99c72;box-shadow:0 0 0 1px #c6ab84,0 0 12px rgba(185,156,114,.25);}
@keyframes report-breathe{0%,100%{transform:scale(.96);opacity:.58}50%{transform:scale(1.04);opacity:1}}

/* 最终报告：从“密集数据面板”改为“可连续阅读的生命文档”。 */
#aiReportBody .report-document{display:grid;gap:12px;padding:4px 0 14px;}
#aiReportBody .report-document>*{min-width:0;}
#aiReportBody .plain-visual-section,
#aiReportBody .career-visual-section,
#aiReportBody .life-visual-section,
#aiReportBody .ai-report-section{
  margin:0!important;
  padding:17px 16px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.98)!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:0 9px 28px rgba(75,92,113,.055),inset 0 1px rgba(255,255,255,.9)!important;
  color:#3a4350!important;
}
#aiReportBody .plain-section-head,#aiReportBody .career-section-head{margin-bottom:12px!important;align-items:flex-start!important;}
#aiReportBody .plain-section-head h3,#aiReportBody .career-section-head h3{font-size:18px!important;line-height:1.35!important;color:#313a46!important;}
#aiReportBody .plain-section-head>span,#aiReportBody .career-section-head>span{font-size:9px!important;line-height:1.45!important;color:#8b949f!important;max-width:44%!important;}
#aiReportBody p{font-size:12.5px!important;line-height:1.78!important;color:#65707d!important;}
#aiReportBody h4{font-size:15px!important;line-height:1.45!important;color:#37404b!important;}
#aiReportBody small{font-size:10px!important;color:#89929d!important;}
#aiReportBody [class$="tags"],#aiReportBody .career-role-tags{gap:5px!important;margin:9px 0!important;}
#aiReportBody [class$="tags"] span,#aiReportBody .career-role-tags span{padding:4px 8px!important;border-radius:999px!important;background:#eef3f8!important;border:1px solid #e0e7ef!important;color:#687482!important;font-size:9.5px!important;line-height:1.3!important;}

#aiReportBody .life-decision-hero{
  position:relative;overflow:hidden;padding:23px 19px 18px!important;border-radius:26px!important;
  border:1px solid rgba(255,255,255,.98)!important;
  background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(242,246,251,.72)),url(../../../assets/dawn-banner.webp) center/cover!important;
  box-shadow:0 14px 38px rgba(75,92,113,.07)!important;
}
#aiReportBody .life-decision-hero>small{color:#9c815e!important;font-size:9px!important;letter-spacing:.13em!important;}
#aiReportBody .life-decision-hero>h2{max-width:92%;margin:9px 0 0!important;color:#313a45!important;font-size:20px!important;line-height:1.58!important;font-weight:400!important;letter-spacing:.025em;}
#aiReportBody .life-decision-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:18px!important;}
#aiReportBody .life-decision-grid article{padding:12px 11px!important;border-radius:16px!important;background:rgba(255,255,255,.66)!important;border:1px solid rgba(255,255,255,.92)!important;}
#aiReportBody .life-decision-grid small{font-size:9px!important;color:#9a815f!important;margin-bottom:5px!important;}
#aiReportBody .life-decision-grid p{font-size:11.5px!important;color:#596572!important;line-height:1.65!important;}
#aiReportBody .life-keyword-cloud{gap:6px!important;margin:12px 0 15px!important;}
#aiReportBody .life-keyword-cloud span{padding:5px 9px!important;background:#eef3f8!important;border:1px solid #e0e7ef!important;color:#62707e!important;font-size:10px!important;}
#aiReportBody .life-core-traits{gap:8px!important;}
#aiReportBody .life-core-traits article,
#aiReportBody .life-talent-grid article,
#aiReportBody .life-weakness-list article{padding:13px!important;background:#f7f9fc!important;border:1px solid #eaf0f5!important;border-radius:16px!important;}
#aiReportBody .life-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
#aiReportBody .life-weakness-list{gap:8px!important;}
#aiReportBody .life-mission-core{padding:14px 15px!important;background:linear-gradient(135deg,#f0f5fa,#faf8f3)!important;border:1px solid #e4eaf0!important;color:#3b4652!important;font-size:15px!important;font-weight:500!important;}
#aiReportBody .life-push{background:#f7f9fc!important;border-left-color:#c4ad89!important;}
#aiReportBody .career-first-move{background:rgba(247,243,235,.82)!important;border-color:#eadfce!important;}
#aiReportBody .career-first-move b{color:#4e535a!important;font-size:12px!important;}

/* 职业报告：保留老板/用户双视角，但恢复字号、层级和留白。 */
#aiReportBody .career-view-nav{
  position:sticky!important;top:66px!important;z-index:18!important;width:100%!important;min-height:48px!important;
  margin:0 0 2px!important;padding:4px!important;border-radius:16px!important;
  border:1px solid rgba(255,255,255,.96)!important;background:rgba(235,240,246,.9)!important;
  box-shadow:0 6px 20px rgba(72,88,108,.055)!important;backdrop-filter:blur(12px)!important;
}
#aiReportBody .career-view-nav button{min-height:42px!important;border-radius:12px!important;color:#7b8590!important;font-size:12px!important;}
#aiReportBody .career-view-nav button.active{background:#fff!important;color:#67563f!important;box-shadow:0 4px 14px rgba(75,91,111,.08)!important;}
#aiReportBody .career-view-nav button span{display:block!important;margin-top:1px!important;font-size:8.5px!important;color:#9aa2ab!important;}
#aiReportBody .career-view-intro{
  min-height:146px!important;padding:22px 17px!important;margin:0!important;border-radius:23px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.38)),url(../../../assets/dawn-world.webp) center/cover!important;
  border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 12px 32px rgba(74,90,111,.06)!important;
}
#aiReportBody .career-view-intro small{display:block!important;color:#9b825f!important;font-size:9px!important;letter-spacing:.12em!important;}
#aiReportBody .career-view-intro h2{max-width:92%!important;margin-top:7px!important;font-size:19px!important;line-height:1.58!important;color:#333c47!important;letter-spacing:.02em!important;}
#aiReportBody .career-view-intro p{max-width:94%!important;margin-top:8px!important;font-size:11.5px!important;line-height:1.7!important;color:#687380!important;}
#aiReportBody .career-kpi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
#aiReportBody .career-kpi-card{
  min-height:82px;padding:12px 11px!important;text-align:left!important;border-radius:16px!important;
  background:#f7f9fc!important;border:1px solid #e9eff5!important;
}
#aiReportBody .career-kpi-card:before{display:none!important;}
#aiReportBody .career-kpi-card small{font-size:9px!important;color:#8b949f!important;margin-bottom:5px!important;}
#aiReportBody .career-kpi-card b{font-size:13px!important;line-height:1.55!important;color:#3c4652!important;font-weight:500!important;}
#aiReportBody .career-kpi-card p{margin-top:5px!important;font-size:10.5px!important;line-height:1.55!important;}
#aiReportBody .career-talent-v195-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
#aiReportBody .career-talent-v195-card{padding:12px!important;border-radius:16px!important;background:#f7f9fc!important;border:1px solid #e9eff5!important;}
#aiReportBody .career-talent-v195-index{display:block!important;text-align:left!important;color:#a08765!important;font-size:11px!important;}
#aiReportBody .career-talent-v195-main>small{display:block!important;font-size:8.5px!important;}
#aiReportBody .career-talent-v195-main h4{font-size:14px!important;margin:3px 0 6px!important;color:#3b4551!important;}
#aiReportBody .career-talent-v195-main>p{font-size:10.5px!important;line-height:1.6!important;color:#687481!important;}
#aiReportBody .career-talent-v195-use,#aiReportBody .career-talent-v195-risk{font-size:9.5px!important;line-height:1.55!important;border-top-color:#e6ebf1!important;}
#aiReportBody .career-industry-v195-grid{display:grid!important;gap:8px!important;}
#aiReportBody .career-industry-v195-card{
  display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;
  gap:6px 9px!important;padding:12px!important;border-radius:16px!important;background:#f7f9fc!important;border:1px solid #e9eff5!important;
}
#aiReportBody .career-industry-v195-top{display:contents!important;}
#aiReportBody .career-industry-v195-rank{grid-column:1!important;grid-row:1/3!important;width:32px!important;height:32px!important;border-radius:10px!important;background:#eef2f6!important;color:#9a815f!important;font-size:11px!important;}
#aiReportBody .career-industry-v195-title{grid-column:2!important;grid-row:1!important;}
#aiReportBody .career-industry-v195-title h4{font-size:14px!important;margin:0!important;color:#3b4551!important;}
#aiReportBody .career-industry-v195-score{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:baseline!important;gap:3px!important;}
#aiReportBody .career-industry-v195-score strong{font-size:15px!important;color:#5b6570!important;}
#aiReportBody .career-industry-v195-score em{font-size:8px!important;color:#9aa2aa!important;}
#aiReportBody .career-industry-v195-track{grid-column:2/4!important;grid-row:2!important;height:5px!important;margin:0!important;background:#e2e8ef!important;}
#aiReportBody .career-industry-v195-card>p{grid-column:2/4!important;grid-row:3!important;margin:0!important;font-size:10.5px!important;line-height:1.55!important;color:#6b7581!important;}
#aiReportBody .career-industry-v195-card>.career-role-tags{grid-column:2/4!important;grid-row:4!important;justify-content:flex-start!important;}
#aiReportBody .career-industry-v195-foot{grid-column:2/4!important;display:grid!important;margin-top:2px!important;padding-top:8px!important;border-top:1px solid #e9eef3!important;}
#aiReportBody .d-career-summary-grid{gap:8px!important;}
#aiReportBody .d-career-summary-grid>section{padding:14px!important;}
#aiReportBody .d-career-summary-grid h3{font-size:16px!important;}
#aiReportBody .d-career-summary-grid p,#aiReportBody .d-career-summary-grid b{font-size:11px!important;line-height:1.65!important;}
#aiReportBody .career-closing,#aiReportBody .ai-report-closing{
  margin:0!important;min-height:92px!important;padding:19px 18px!important;border-radius:22px!important;
  border:1px solid rgba(255,255,255,.96)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.3)),url(../../../assets/dawn-banner.webp) center/cover!important;
}
#aiReportBody .career-closing p,#aiReportBody .ai-report-closing p{max-width:78%!important;font-family:var(--serif);font-size:15px!important;line-height:1.75!important;color:#4d5661!important;}
#aiReportBody .ai-report-source-note{padding:8px 8px 0!important;font-size:8.5px!important;line-height:1.65!important;color:#a0a7b0!important;text-align:center!important;}

@media(max-width:380px){
  #aiReportBody .life-decision-grid{grid-template-columns:1fr!important;}
  #aiReportBody .career-kpi-grid{grid-template-columns:1fr!important;}
  #aiReportBody .career-talent-v195-grid{grid-template-columns:1fr!important;}
  #aiReportBody .life-talent-grid{grid-template-columns:1fr!important;}
  #aiReportBody .career-view-intro h2,#aiReportBody .life-decision-hero>h2{font-size:18px!important;}
  .report-loading-visual{width:138px;height:138px;}
  .ai-report-loading .ai-report-orbit i{transform-origin:0 65px!important;}
}


/* =========================================================
   V18 · 照见自己 / 我是谁 / 生命报告细化
   - 锁定底部主导航
   - 我是谁顶部悬浮 + 四段锚点
   - 关键词完整展开
   - 生命报告安全区与高级关键词/建议卡
   ========================================================= */

/* 照见自己与“我是谁”独立页：主导航永远钉住屏幕底部，不参与页面滚动几何。 */
body:has(#identityOverviewPage.active) > .bottom,
body:has(#identityPage.active) > .bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  translate:none!important;
  transform:none!important;
  margin:0 auto!important;
  width:min(100%,480px)!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  z-index:2147483000!important;
  will-change:auto!important;
}

/* 照见自己：关键词数量由命盘事实决定，不再人为裁成 6 个。 */
#identityOverviewPage .d-identity-grid{
  align-items:start!important;
  padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))!important;
}
#identityOverviewPage .d-identity-card{
  height:auto!important;
  min-height:196px!important;
}
#identityOverviewPage .d-identity-card-copy{
  height:auto!important;
  min-height:196px!important;
}
#identityOverviewPage .d-identity-card-content.d-identity-card-keywords{
  display:block!important;
  width:100%!important;
  margin-top:auto!important;
}
#identityOverviewPage .d-identity-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:5px!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  margin:12px 0 0!important;
}
#identityOverviewPage .d-identity-tags span{
  min-height:22px!important;
  padding:4px 7px 4px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:1.18!important;
  white-space:normal!important;
  color:#53606d!important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(238,244,249,.70))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 3px 11px rgba(62,80,101,.055),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#identityOverviewPage .d-identity-card-summary{
  margin:auto 0 0!important;
  font-size:12px!important;
  line-height:1.72!important;
  color:#46515e!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}

/* 我是谁：整页从“白页面”改成有层次的浅色精神空间。 */
#identityPage.identity-v2-page{
  min-height:100dvh!important;
  padding:0 0 calc(104px + env(safe-area-inset-bottom,0px))!important;
  background:
    radial-gradient(circle at 84% 2%,rgba(209,180,126,.16),transparent 27%),
    radial-gradient(circle at 7% 18%,rgba(118,174,219,.15),transparent 32%),
    linear-gradient(180deg,#edf4f9 0%,#f7f9fb 34%,#f0f4f7 100%)!important;
  color:#33404d!important;
}
#identityPage .identity-v2-shell{
  width:min(100%,760px)!important;
  margin:0 auto!important;
  padding:0 14px calc(24px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
}

/* 顶部标题始终悬浮在滚动页之上。 */
#identityPage .identity-v2-topbar{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  min-height:calc(62px + env(safe-area-inset-top,0px))!important;
  margin:0 -14px!important;
  padding:calc(env(safe-area-inset-top,0px) + 8px) 14px 9px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  background:linear-gradient(180deg,rgba(239,245,250,.985),rgba(239,245,250,.91))!important;
  border-bottom:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 8px 28px rgba(69,91,113,.055)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
  backdrop-filter:blur(18px) saturate(1.06)!important;
}
#identityPage .identity-v2-back{
  width:38px!important;height:38px!important;border-radius:14px!important;
  background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 5px 16px rgba(72,91,112,.055)!important;
}
#identityPage .identity-v2-title{text-align:center!important;}
#identityPage .identity-v2-title span{
  display:block!important;
  color:#a18867!important;
  font-size:8.5px!important;
  letter-spacing:.22em!important;
  margin-bottom:2px!important;
}
#identityPage .identity-v2-title strong{
  color:#34414e!important;
  font-size:20px!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  font-weight:580!important;
}
#identityPage .identity-v2-count{justify-self:end!important;color:#9b8465!important;}
#identityPage .identity-v2-page-progress{
  position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:2px!important;background:rgba(95,122,145,.055)!important;
}
#identityPage .identity-v2-page-progress i{display:block!important;height:100%!important;background:linear-gradient(90deg,#a88757,#a9c7df)!important;}

/* 首屏人格原型：单独成“封面”，和正文彻底分层。 */
#identityPage .identity-v2-hero{
  position:relative!important;
  margin:14px 0 10px!important;
  padding:26px 20px 18px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.96)!important;
  background:
    linear-gradient(138deg,rgba(255,255,255,.92),rgba(235,243,249,.73)),
    url(../../../assets/dawn-world.webp) 55% 48%/cover no-repeat!important;
  box-shadow:0 18px 48px rgba(65,85,106,.075),inset 0 1px 0 rgba(255,255,255,.94)!important;
  overflow:hidden!important;
}
#identityPage .identity-v2-hero-copy h1{color:#303c48!important;font-weight:560!important;}
#identityPage .identity-v2-hero-copy>p{color:#5c6976!important;}
#identityPage .identity-v2-hero-copy blockquote{
  color:#687582!important;
  border-top:1px solid rgba(119,145,166,.11)!important;
}
#identityPage .identity-v2-overview article{
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(255,255,255,.62)!important;
}

/* 四个锚点：经过 Hero 后固定在标题栏下面。 */
#identityPage .identity-v2-nav{
  position:sticky!important;
  top:calc(62px + env(safe-area-inset-top,0px))!important;
  z-index:110!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  margin:8px 0 12px!important;
  padding:5px!important;
  border-radius:18px!important;
  background:rgba(236,242,247,.93)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 9px 28px rgba(66,86,108,.07)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
#identityPage .identity-v2-nav button{
  min-width:0!important;
  min-height:43px!important;
  padding:6px 4px!important;
  border:0!important;
  border-radius:13px!important;
  color:#7f8994!important;
  background:transparent!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
#identityPage .identity-v2-nav button span{
  display:block!important;
  margin-bottom:2px!important;
  color:#aa906d!important;
  font-size:8px!important;
  letter-spacing:.12em!important;
}
#identityPage .identity-v2-nav button b{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.18!important;
  font-weight:560!important;
}
#identityPage .identity-v2-nav button.active{
  color:#574b3e!important;
  background:linear-gradient(145deg,#fff,rgba(250,247,241,.91))!important;
  box-shadow:0 5px 15px rgba(76,92,109,.07),inset 0 0 0 1px rgba(218,202,178,.28)!important;
}

/* 正文层：每一章有独立的“章节底板”，标题、说明、内容卡明显分开。 */
#identityPage .identity-v2-content{display:grid!important;gap:16px!important;}
#identityPage .identity-v2-layer{
  position:relative!important;
  scroll-margin-top:calc(126px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  padding:18px 14px 15px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.93)!important;
  box-shadow:0 13px 36px rgba(69,88,108,.055),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#identityPage .identity-v2-layer::before{display:none!important;}
#identityPage .identity-v2-layer-no{
  position:static!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 8px!important;
}
#identityPage .identity-v2-layer-no span{
  width:34px!important;height:34px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;
  color:#9a7e59!important;background:#f7f3ec!important;border:1px solid #ece2d3!important;
  font-size:9px!important;font-weight:700!important;
}
#identityPage .identity-v2-layer-no i{display:none!important;}
#identityPage .identity-v2-layer-head{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:0!important;
  min-height:0!important;
  margin:0 0 13px!important;
  align-items:start!important;
}
#identityPage .identity-v2-layer-head .identity-v2-layer-no{grid-column:1!important;grid-row:1!important;}
#identityPage .identity-v2-layer-copy{grid-column:2!important;grid-row:1!important;}
#identityPage .identity-v2-layer-copy small{color:#a38a68!important;font-size:9px!important;letter-spacing:.12em!important;}
#identityPage .identity-v2-layer-copy h2{margin:2px 0 4px!important;color:#35414d!important;font-size:22px!important;font-weight:560!important;}
#identityPage .identity-v2-layer-copy p{margin:0!important;color:#76818c!important;font-size:11.5px!important;line-height:1.65!important;}
#identityPage .identity-v2-stack{display:grid!important;gap:10px!important;}
#identityPage .identity-v2-card{
  margin:0!important;
  padding:16px!important;
  border-radius:19px!important;
  border:1px solid #e8edf2!important;
  background:linear-gradient(150deg,#fbfcfd,#f5f8fa)!important;
  box-shadow:0 6px 18px rgba(66,85,104,.04)!important;
}
#identityPage .identity-v2-card-feature{
  background:linear-gradient(145deg,#fffdf9,#f5f9fc)!important;
  border-color:#ece6db!important;
}
#identityPage .identity-v2-card-head{
  padding-bottom:10px!important;margin-bottom:11px!important;border-bottom:1px solid #e9eef3!important;
}
#identityPage .identity-v2-card-head>span{
  background:#edf3f7!important;color:#9b815e!important;border:1px solid #e1e9ef!important;
}
#identityPage .identity-v2-card-head small{color:#9aa2ab!important;}
#identityPage .identity-v2-card-head h3{color:#37424e!important;font-weight:570!important;}
#identityPage .identity-lead{color:#697581!important;}
#identityPage .identity-v2-final{
  margin:16px 0 0!important;
  padding:24px 20px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#eef5fa,#fbf7f0)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 12px 34px rgba(70,90,110,.06)!important;
}
#identityPage .identity-v2-final::before,.identity-v2-final-mark{display:none!important;}
#identityPage .identity-v2-final h2{color:#34404b!important;}
#identityPage .identity-v2-final p,#identityPage .identity-v2-final blockquote{color:#66727e!important;}

@media(max-width:520px){
  #identityPage .identity-v2-shell{padding-left:10px!important;padding-right:10px!important;}
  #identityPage .identity-v2-topbar{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important;}
  #identityPage .identity-v2-hero{padding:22px 15px 15px!important;border-radius:24px!important;}
  #identityPage .identity-v2-nav{top:calc(62px + env(safe-area-inset-top,0px))!important;margin-top:7px!important;}
  #identityPage .identity-v2-layer{padding:15px 11px 12px!important;border-radius:22px!important;}
  #identityPage .identity-v2-layer-head{grid-template-columns:42px minmax(0,1fr)!important;}
  #identityPage .identity-v2-layer-copy h2{font-size:20px!important;}
  #identityPage .identity-v2-card{padding:14px!important;border-radius:17px!important;}
}

/* 生命报告：顶部尊重 iPhone 刘海 / Dynamic Island，不再贴顶。 */
body.d-report-active #profilePage .ai-report-view,
body:has(#aiReportView:not(.hidden)) #profilePage .ai-report-view{
  padding-top:calc(env(safe-area-inset-top,0px) + 16px)!important;
}
#profilePage .ai-report-topbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  margin:calc(-1 * env(safe-area-inset-top,0px)) -2px 8px!important;
  padding:calc(env(safe-area-inset-top,0px) + 8px) 2px 10px!important;
  background:linear-gradient(180deg,rgba(244,247,250,.98),rgba(244,247,250,.91),rgba(244,247,250,0))!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}

/* 生命报告关键词：由“普通胶囊”改成带微光标记的层级标签。 */
#aiReportBody .life-keyword-cloud{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:14px 0 16px!important;
}
#aiReportBody .life-keyword-cloud span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 10px 8px 24px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#fbfcfd,#f0f4f7)!important;
  border:1px solid #e4eaf0!important;
  color:#56616d!important;
  font-size:10px!important;
  line-height:1.35!important;
  box-shadow:0 4px 14px rgba(70,87,105,.04)!important;
}
#aiReportBody .life-keyword-cloud span::before{
  content:'';position:absolute;left:10px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);
  background:linear-gradient(135deg,#c8a66e,#9fc4df);box-shadow:0 0 0 4px rgba(190,205,219,.12);
}

/* 天赋优势：把“用过头”做成单独的反面提醒，而不是一行橙色小字。 */
#aiReportBody .life-talent-grid article{position:relative!important;overflow:hidden!important;}
#aiReportBody .life-talent-grid article::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#c6a36a,#a9c7df);
}
#aiReportBody .life-talent-grid em{
  position:relative!important;
  display:block!important;
  margin:12px 0 0!important;
  padding:10px 10px 10px 34px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#fbf5eb,#f7f0e6)!important;
  border:1px solid #eee0ca!important;
  color:#765f43!important;
  font-size:10.5px!important;
  line-height:1.6!important;
  font-style:normal!important;
}
#aiReportBody .life-talent-grid em::before{
  content:'↺';position:absolute;left:10px;top:9px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;
  background:#fff9f0;color:#a77f4e;border:1px solid #ead9bd;font-size:10px;font-weight:700;
}

/* 我最容易吃亏：把“怎么改”升级为明确的行动处方卡。 */
#aiReportBody .life-weakness-list article{position:relative!important;overflow:hidden!important;}
#aiReportBody .life-weakness-list b{
  position:relative!important;
  display:block!important;
  margin:12px 0 0!important;
  padding:11px 11px 11px 38px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#eef5fa,#f8fafc)!important;
  border:1px solid #dfe9f1!important;
  color:#506171!important;
  font-size:10.8px!important;
  line-height:1.62!important;
  font-weight:560!important;
}
#aiReportBody .life-weakness-list b::before{
  content:'→';position:absolute;left:11px;top:10px;width:19px;height:19px;border-radius:7px;display:grid;place-items:center;
  background:#fff;color:#7691a6;border:1px solid #dce7ef;font-size:11px;
}

/* 本轮生命报告只保留：核心结论 / 我是谁 / 塑造力量 / 天赋 / 短板 / 能力地图 / 行动。 */
#aiReportBody .life-decision-grid.life-decision-grid-compact{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#aiReportBody .life-mission-section,#aiReportBody .life-task-link{display:none!important;}

@media(max-width:380px){
  #aiReportBody .life-keyword-cloud{grid-template-columns:1fr!important;}
}

/* V18 · 我是谁顶部双悬浮 / 锚点固定 / 底部可完整阅读 */
#identityPage.identity-v2-page{
  --identity-v18-topbar:58px;
  --identity-v18-anchor:58px;
  margin-top:calc(-1 * env(safe-area-inset-top,0px))!important;
  padding-bottom:calc(var(--nav-height,80px) + env(safe-area-inset-bottom,0px) + 72px)!important;
  overscroll-behavior-y:none!important;
}
#identityPage .identity-v2-shell{
  padding-bottom:calc(var(--nav-height,80px) + env(safe-area-inset-bottom,0px) + 42px)!important;
}
#identityPage .identity-v2-topbar{
  top:0!important;
  z-index:160!important;
  min-height:calc(var(--identity-v18-topbar) + env(safe-area-inset-top,0px))!important;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 14px 7px!important;
  box-shadow:0 7px 24px rgba(65,85,105,.045)!important;
}
#identityPage .identity-v2-nav{
  position:sticky!important;
  top:calc(var(--identity-v18-topbar) + env(safe-area-inset-top,0px))!important;
  z-index:150!important;
  min-height:var(--identity-v18-anchor)!important;
  margin:0 0 12px!important;
  padding:5px!important;
  border-radius:0 0 18px 18px!important;
  background:linear-gradient(180deg,rgba(236,242,247,.985),rgba(236,242,247,.94))!important;
  border-top:0!important;
  box-shadow:0 9px 25px rgba(66,86,108,.055)!important;
}
#identityPage .identity-v2-nav button{
  min-height:46px!important;
}
#identityPage .identity-v2-hero{
  margin-top:10px!important;
}
#identityPage .identity-v2-layer{
  scroll-margin-top:calc(var(--identity-v18-topbar) + var(--identity-v18-anchor) + env(safe-area-inset-top,0px) + 18px)!important;
}
#identityPage .identity-v2-final{
  margin-bottom:calc(var(--nav-height,80px) + env(safe-area-inset-bottom,0px) + 34px)!important;
}
html:has(#identityPage.active),
body:has(#identityPage.active){
  overscroll-behavior-y:none!important;
}
@media(max-width:520px){
  #identityPage .identity-v2-topbar{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #identityPage .identity-v2-nav{
    top:calc(var(--identity-v18-topbar) + env(safe-area-inset-top,0px))!important;
    margin-top:0!important;
  }
}

/* 照见自己三组关键词统一锁定在 8–12 个最强能量标签；不显示星曜名，只显示可理解的人格/天赋/短板结果。 */
#identityOverviewPage .d-identity-card-keywords{
  padding-top:6px!important;
}
#identityOverviewPage .d-identity-tags{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px 5px!important;
}
#identityOverviewPage .d-identity-tags span{
  min-height:24px!important;
  padding:4px 4px!important;
  font-size:9.2px!important;
  line-height:1.22!important;
  letter-spacing:.01em!important;
}

/* =========================================================
   V19 · 我是谁滚动容器 / iOS 问事输入 / 照见主页入口图标
   ========================================================= */

/* “我是谁”使用独立的视口级滚动容器，彻底隔离 body 滚动。
   这样标题与锚点可以稳定 sticky，页面到底后也不会被旧的 body
   scrollTop / scrollIntoView 逻辑拉回顶部。 */
body.identity-page-active{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
#identityPage.identity-v2-page.active{
  --identity-v19-topbar:58px;
  --identity-v19-anchor:58px;
  position:fixed!important;
  z-index:200!important;
  top:0!important;
  bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  left:50%!important;
  right:auto!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:translateX(-50%)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  overflow-anchor:none!important;
  scroll-behavior:auto!important;
  background:
    radial-gradient(circle at 84% 2%,rgba(209,180,126,.16),transparent 27%),
    radial-gradient(circle at 7% 18%,rgba(118,174,219,.15),transparent 32%),
    linear-gradient(180deg,#edf4f9 0%,#f7f9fb 34%,#f0f4f7 100%)!important;
}
#identityPage.identity-v2-page.active .identity-v2-shell{
  width:100%!important;
  max-width:480px!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:0 10px 72px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#identityPage.identity-v2-page.active .identity-v2-topbar{
  position:sticky!important;
  top:0!important;
  z-index:220!important;
  min-height:calc(var(--identity-v19-topbar) + env(safe-area-inset-top,0px))!important;
  margin:0 -10px!important;
  padding:calc(env(safe-area-inset-top,0px) + 5px) 10px 5px!important;
  background:linear-gradient(180deg,rgba(239,245,250,.995),rgba(239,245,250,.965))!important;
  box-shadow:0 6px 20px rgba(70,91,111,.055)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
  backdrop-filter:blur(18px) saturate(1.05)!important;
}
#identityPage.identity-v2-page.active .identity-v2-title span{
  margin-bottom:1px!important;
}
#identityPage.identity-v2-page.active .identity-v2-title strong{
  font-size:20px!important;
  line-height:1.12!important;
}
#identityPage.identity-v2-page.active .identity-v2-nav{
  position:sticky!important;
  top:calc(var(--identity-v19-topbar) + env(safe-area-inset-top,0px))!important;
  z-index:210!important;
  min-height:var(--identity-v19-anchor)!important;
  margin:0 -1px 12px!important;
  padding:5px!important;
  border-radius:0 0 18px 18px!important;
  background:linear-gradient(180deg,rgba(236,242,247,.995),rgba(236,242,247,.955))!important;
  border-top:0!important;
  box-shadow:0 8px 22px rgba(66,86,108,.055)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
}
#identityPage.identity-v2-page.active .identity-v2-nav button{
  min-height:46px!important;
}
#identityPage.identity-v2-page.active .identity-v2-hero{
  margin-top:10px!important;
}
#identityPage.identity-v2-page.active .identity-v2-layer{
  scroll-margin-top:calc(var(--identity-v19-topbar) + var(--identity-v19-anchor) + env(safe-area-inset-top,0px) + 14px)!important;
  overflow-anchor:none!important;
}
#identityPage.identity-v2-page.active .identity-v2-final{
  margin-bottom:48px!important;
}
#identityPage.identity-v2-page.active .identity-v2-body::after{
  content:"";
  display:block;
  height:56px;
  pointer-events:none;
}

/* iOS Safari：输入框字体小于 16px 会自动放大页面。
   不通过禁止缩放掩盖问题，直接保证问事输入字号与动态视口稳定。 */
@media (max-width:760px),(hover:none) and (pointer:coarse){
  body.destiny-page-active .destiny-composer textarea,
  body.destiny-page-active #destinyInput{
    font-size:16px!important;
    line-height:1.45!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
}
body.destiny-page-active{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
  top:var(--destiny-vv-top,0px)!important;
  height:var(--destiny-vv-height,100dvh)!important;
  max-height:var(--destiny-vv-height,100dvh)!important;
}
body.destiny-page-active:not(.destiny-keyboard-open) #dojoPage.destiny-page{
  top:0!important;
  height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;
  max-height:none!important;
}

/* 照见主页 8 个入口：统一成线性“能量徽记”，去掉旧图片切片式图标。 */
.d-home .d-menu .d-home-tool-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  margin:0 auto 1px!important;
  border-radius:50%!important;
  color:#7791a7!important;
  background:
    radial-gradient(circle at 42% 35%,rgba(255,255,255,.96),rgba(239,245,250,.82) 48%,rgba(224,235,244,.62) 72%,rgba(255,255,255,.18) 100%)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -5px 12px rgba(146,171,194,.07),
    0 5px 15px rgba(76,103,127,.08)!important;
  overflow:hidden!important;
}
.d-home .d-menu .d-home-tool-icon::before{
  content:"";
  position:absolute;
  width:24px;height:24px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(205,175,125,.12),transparent 67%);
  filter:blur(1px);
}
.d-home .d-menu .d-home-tool-icon svg{
  position:relative!important;
  z-index:1!important;
  width:27px!important;
  height:27px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.d-home .d-menu button:nth-child(1) .d-home-tool-icon,
.d-home .d-menu button:nth-child(2) .d-home-tool-icon{
  color:#9a7c54!important;
}
.d-home .d-menu button:nth-child(3) .d-home-tool-icon,
.d-home .d-menu button:nth-child(7) .d-home-tool-icon{
  color:#8f789d!important;
}
.d-home .d-menu button:nth-child(4) .d-home-tool-icon{
  color:#6e94ab!important;
}
.d-home .d-menu button:nth-child(5) .d-home-tool-icon{
  color:#708e7f!important;
}
.d-home .d-menu button:nth-child(6) .d-home-tool-icon{
  color:#8b879e!important;
}
.d-home .d-menu button:nth-child(8) .d-home-tool-icon{
  color:#7e8faa!important;
}
.d-home .d-menu button:active .d-home-tool-icon{
  transform:scale(.94)!important;
}

/* V14 · 问事键盘稳定 + 我的/用户信息 */
body.destiny-page-active #dojoPage.destiny-page{
  top:0!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow:visible!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
  top:0!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
}
body.destiny-page-active .destiny-shell{min-height:100dvh!important;}
body.destiny-page-active .destiny-composer{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
body.destiny-page-active.destiny-keyboard-open .destiny-composer{
  bottom:10px!important;
}
body.destiny-page-active:not(.destiny-keyboard-open) .destiny-composer{
  bottom:calc(82px + env(safe-area-inset-bottom,0px) + 8px)!important;
}
body.destiny-page-active #destinyInput{
  min-height:44px!important;
  font-size:16px!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

#profilePage .legacy-profile-head{display:none!important;}
#profilePage .d-profile-scene .d-hero{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.92) 74%,rgba(0,0,0,.5) 88%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 64%,rgba(0,0,0,.92) 74%,rgba(0,0,0,.5) 88%,transparent 100%)!important;
}
#profilePage .d-account-card{
  position:relative!important;
  z-index:8!important;
  display:grid!important;
  grid-template-columns:64px 1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:-118px 12px 16px!important;
  padding:14px 14px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(240,246,252,.76))!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 18px 44px rgba(76,98,124,.13),inset 0 1px 0 rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
#profilePage .d-account-avatar-wrap{
  width:64px!important;height:64px!important;border-radius:20px!important;padding:3px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(219,231,241,.86))!important;
  box-shadow:0 8px 18px rgba(76,98,124,.12)!important;
}
#profilePage .d-account-avatar{width:100%!important;height:100%!important;display:block!important;border-radius:17px!important;object-fit:cover!important;background:#eef4f8!important;}
#profilePage .d-account-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
#profilePage .d-account-label{font-size:10px!important;letter-spacing:1.8px!important;color:#8a9aa8!important;text-transform:uppercase!important;}
#profilePage .d-account-copy strong{font-size:18px!important;line-height:1.25!important;color:#253444!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#profilePage .d-account-copy small{font-size:11px!important;color:#8796a5!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#profilePage .d-account-edit{
  border:0!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;color:#6f8295!important;
  background:rgba(255,255,255,.76)!important;box-shadow:inset 0 0 0 1px rgba(128,151,173,.15)!important;
}
@media(max-width:600px){
  #profilePage .d-account-card{margin:-122px 10px 15px!important;}
}

.d-account-modal[hidden]{display:none!important;}
.d-account-modal{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:end center;background:rgba(31,45,58,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.d-account-sheet{width:min(100%,520px);box-sizing:border-box;border-radius:28px 28px 0 0;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(252,254,255,.98),rgba(241,247,251,.98));box-shadow:0 -18px 60px rgba(48,70,91,.18);}
.d-account-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.d-account-sheet-head h3{margin:0;font-size:22px;color:#263747;}
.d-account-sheet-head button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(226,236,244,.75);font-size:22px;color:#718394;}
.d-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:15px;background:rgba(224,234,242,.55);margin-bottom:14px;}
.d-account-tabs button{border:0;border-radius:12px;padding:9px 10px;background:transparent;color:#7b8b99;font-size:13px;}
.d-account-tabs button.active{background:rgba(255,255,255,.94);color:#34495b;box-shadow:0 5px 16px rgba(66,89,110,.08);}
.d-account-form{display:grid;gap:11px;}
.d-account-form label{display:grid;gap:6px;font-size:11px;color:#7d8d9b;}
.d-account-form input{width:100%;box-sizing:border-box;border:1px solid rgba(125,151,173,.16);border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.88);font-size:16px;color:#2b3b49;outline:none;}
.d-account-form .d-account-primary{border:0;border-radius:15px;padding:13px 14px;background:linear-gradient(135deg,#7f9db7,#a9bfd0);color:#fff;font-size:14px;box-shadow:0 10px 24px rgba(91,119,144,.20);}
.d-account-form .d-account-secondary{border:0;border-radius:15px;padding:12px 14px;background:rgba(230,238,244,.76);color:#748697;font-size:13px;}
.d-account-avatar-edit{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;}
.d-account-avatar-edit img{width:72px;height:72px;border-radius:20px;object-fit:cover;background:#edf3f7;}
.d-account-avatar-edit input{font-size:13px;padding:9px;}
.d-account-error{min-height:18px;margin:0;color:#b66666;font-size:12px;line-height:1.5;}
#profilePage .d-profile-account-shell{position:relative!important;isolation:isolate!important;}
#profilePage .d-profile-account-shell+.my-report-hub{padding-top:0!important;margin-top:0!important;}

/* =========================================================
   V20 · 照见自己六卡重排：三张核心身份同排 + 三张关键词横卡
   ========================================================= */
#identityOverviewPage .d-identity-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
  padding-bottom:0!important;
}
#identityOverviewPage .d-identity-card{
  min-width:0!important;
  height:132px!important;
  min-height:132px!important;
  overflow:hidden!important;
}
#identityOverviewPage .d-identity-card-copy{
  min-height:132px!important;
  height:132px!important;
  padding:10px 8px!important;
}
#identityOverviewPage .d-card-who,
#identityOverviewPage .d-card-soul,
#identityOverviewPage .d-card-postnatal{
  grid-column:auto!important;
}
#identityOverviewPage .d-card-who .d-identity-card-copy h3,
#identityOverviewPage .d-card-soul .d-identity-card-copy h3,
#identityOverviewPage .d-card-postnatal .d-identity-card-copy h3{
  font-size:14px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
#identityOverviewPage .d-card-who .d-identity-card-summary,
#identityOverviewPage .d-card-soul .d-identity-card-summary,
#identityOverviewPage .d-card-postnatal .d-identity-card-summary{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  margin:auto 0 0!important;
  font-size:9.4px!important;
  line-height:1.52!important;
  text-align:left!important;
}
#identityOverviewPage .d-card-character,
#identityOverviewPage .d-card-talent,
#identityOverviewPage .d-card-shadow{
  grid-column:1/-1!important;
  height:112px!important;
  min-height:112px!important;
}
#identityOverviewPage .d-card-character .d-identity-card-copy,
#identityOverviewPage .d-card-talent .d-identity-card-copy,
#identityOverviewPage .d-card-shadow .d-identity-card-copy{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:112px!important;
  height:112px!important;
  padding:10px 11px!important;
}
#identityOverviewPage .d-card-character .d-identity-card-copy h3,
#identityOverviewPage .d-card-talent .d-identity-card-copy h3,
#identityOverviewPage .d-card-shadow .d-identity-card-copy h3{
  grid-column:1!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.25!important;
  text-align:left!important;
}
#identityOverviewPage .d-card-character .d-identity-card-keywords,
#identityOverviewPage .d-card-talent .d-identity-card-keywords,
#identityOverviewPage .d-card-shadow .d-identity-card-keywords{
  grid-column:2!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#identityOverviewPage .d-card-character .d-identity-tags,
#identityOverviewPage .d-card-talent .d-identity-tags,
#identityOverviewPage .d-card-shadow .d-identity-tags{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0!important;
  width:100%!important;
}
#identityOverviewPage .d-card-character .d-identity-tags span,
#identityOverviewPage .d-card-talent .d-identity-tags span,
#identityOverviewPage .d-card-shadow .d-identity-tags span{
  min-width:0!important;
  min-height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 2px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:9px!important;
}
#identityOverviewPage .d-banner{margin-top:9px!important;}

/* 三个关键词卡各自的独立子页面。 */
.identity-insight-page{
  min-height:100dvh!important;
  padding:0 12px calc(112px + env(safe-area-inset-bottom,0px))!important;
  background:radial-gradient(circle at 88% 2%,rgba(206,181,139,.15),transparent 26%),radial-gradient(circle at 8% 18%,rgba(151,191,220,.13),transparent 31%),linear-gradient(180deg,#edf4f8 0,#f8fafc 36%,#f1f5f8 100%)!important;
  color:#33404c!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
}
.identity-insight-topbar{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:38px 1fr 38px!important;
  align-items:end!important;
  min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  margin:0 -12px 10px!important;
  padding:env(safe-area-inset-top,0px) 12px 9px!important;
  background:linear-gradient(180deg,rgba(244,248,251,.98),rgba(244,248,251,.91))!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.8)!important;
}
.identity-insight-topbar button{all:unset!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;cursor:pointer!important;}
.identity-insight-topbar button svg{width:22px!important;height:22px!important;fill:none!important;stroke:#53606c!important;stroke-width:1.7!important;}
.identity-insight-topbar h1{grid-column:2!important;margin:0!important;text-align:center!important;font-size:20px!important;font-weight:600!important;letter-spacing:.08em!important;}
.identity-insight-body{display:grid!important;gap:10px!important;max-width:680px!important;margin:0 auto!important;}
.identity-insight-hero,.identity-insight-panel{border:1px solid rgba(255,255,255,.92)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,245,249,.76))!important;box-shadow:0 10px 26px rgba(82,102,124,.08),inset 0 1px 0 #fff!important;}
.identity-insight-hero{padding:18px 16px!important;}
.identity-insight-hero small,.identity-insight-panel>small{font-size:9px!important;letter-spacing:.16em!important;color:#a0835f!important;}
.identity-insight-hero h2{margin:5px 0 7px!important;font-size:24px!important;font-weight:580!important;}
.identity-insight-hero p,.identity-insight-reading p{margin:0!important;font-size:12px!important;line-height:1.78!important;color:#687582!important;}
.identity-insight-panel{padding:14px!important;}
.identity-insight-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.identity-insight-tags span{padding:6px 9px!important;border-radius:999px!important;background:#f7fafc!important;border:1px solid #e5edf3!important;color:#53616e!important;font-size:10px!important;}
.identity-insight-reading h3{margin:7px 0 8px!important;font-size:16px!important;line-height:1.55!important;font-weight:570!important;color:#3e4a56!important;}
.identity-insight-advice{display:grid!important;gap:9px!important;}
.identity-insight-advice>small{margin-bottom:1px!important;}
.identity-insight-advice article{display:grid!important;grid-template-columns:28px 1fr!important;gap:8px!important;align-items:start!important;padding:10px!important;border-radius:15px!important;background:rgba(255,255,255,.56)!important;border:1px solid rgba(226,235,242,.9)!important;}
.identity-insight-advice article b{font-family:var(--serif)!important;font-size:12px!important;color:#a18460!important;}
.identity-insight-advice article p{margin:0!important;font-size:11px!important;line-height:1.72!important;color:#5e6a77!important;}
.identity-insight-empty{padding:30px 20px!important;text-align:center!important;color:#7b8792!important;}

@media(max-width:390px){
  #identityOverviewPage .d-identity-card{height:126px!important;min-height:126px!important;}
  #identityOverviewPage .d-identity-card-copy{height:126px!important;min-height:126px!important;padding:9px 6px!important;}
  #identityOverviewPage .d-card-who .d-identity-card-summary,
  #identityOverviewPage .d-card-soul .d-identity-card-summary,
  #identityOverviewPage .d-card-postnatal .d-identity-card-summary{font-size:8.8px!important;line-height:1.48!important;}
  #identityOverviewPage .d-card-character,
  #identityOverviewPage .d-card-talent,
  #identityOverviewPage .d-card-shadow{height:108px!important;min-height:108px!important;}
  #identityOverviewPage .d-card-character .d-identity-card-copy,
  #identityOverviewPage .d-card-talent .d-identity-card-copy,
  #identityOverviewPage .d-card-shadow .d-identity-card-copy{grid-template-columns:78px minmax(0,1fr)!important;height:108px!important;min-height:108px!important;padding:9px!important;}
  #identityOverviewPage .d-card-character .d-identity-tags span,
  #identityOverviewPage .d-card-talent .d-identity-tags span,
  #identityOverviewPage .d-card-shadow .d-identity-tags span{font-size:8.3px!important;padding-inline:1px!important;}
}

/* V15 · 三个性格子页：灵动岛下固定标题 / 完整关键词优先 / 强信号解释 */
.identity-insight-page{
  margin-top:calc(-1 * env(safe-area-inset-top,0px))!important;
  padding-top:0!important;
  scroll-padding-top:calc(60px + env(safe-area-inset-top,0px))!important;
}
.identity-insight-topbar{
  position:sticky!important;
  top:0!important;
  min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  padding:env(safe-area-inset-top,0px) 12px 8px!important;
  align-items:end!important;
  z-index:2147482500!important;
}
.identity-insight-body{
  padding-top:2px!important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
.identity-insight-keywords{padding:15px 14px 14px!important;}
.identity-insight-keywords>small,
.identity-insight-signals>small,
.identity-insight-reading>small,
.identity-insight-advice>small{display:block!important;margin-bottom:10px!important;}
.identity-insight-keywords .identity-insight-tags{gap:7px 6px!important;}
.identity-insight-keywords .identity-insight-tags span{
  font-size:10.5px!important;
  line-height:1.2!important;
  padding:7px 10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,246,250,.88))!important;
  border-color:rgba(218,228,237,.94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.identity-insight-signal-list,
.identity-insight-reading-list{display:grid!important;gap:9px!important;}
.identity-insight-signal-list article{
  display:grid!important;
  grid-template-columns:30px 1fr!important;
  gap:9px!important;
  align-items:start!important;
  padding:11px 10px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(238,244,249,.6))!important;
  border:1px solid rgba(224,233,240,.94)!important;
}
.identity-insight-signal-list article b{
  font-family:var(--serif)!important;
  color:#a1835f!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
}
.identity-insight-signal-list article p,
.identity-insight-muted{
  margin:0!important;
  color:#5c6874!important;
  font-size:11.5px!important;
  line-height:1.82!important;
}
.identity-insight-reading-list article{
  padding:11px 0 12px!important;
  border-bottom:1px solid rgba(218,227,234,.84)!important;
}
.identity-insight-reading-list article:last-child{border-bottom:0!important;padding-bottom:0!important;}
.identity-insight-reading-list h3{
  margin:0 0 6px!important;
  color:#3e4a56!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.identity-insight-reading-list p{
  margin:0!important;
  color:#64717d!important;
  font-size:11.5px!important;
  line-height:1.82!important;
}
.identity-insight-advice article{padding:12px 11px!important;grid-template-columns:30px 1fr!important;}
.identity-insight-advice article p{font-size:11.5px!important;line-height:1.84!important;}

/* V15 · 问事输入框：始终居中固定在主导航正上方。 */
body.destiny-page-active .destiny-composer{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(calc(100dvw - 24px),456px)!important;
  max-width:456px!important;
  margin:0!important;
  bottom:calc(var(--nav-height,74px) + env(safe-area-inset-bottom,0px) + 10px)!important;
  z-index:2147483000!important;
}
body.destiny-page-active.destiny-keyboard-open .destiny-composer{
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
}
body.destiny-page-active .destiny-chat{
  padding-bottom:calc(var(--nav-height,74px) + 88px + env(safe-area-inset-bottom,0px))!important;
}

/* =========================================================
   V21 · 照见自己核心三卡：图标 + 居中标签 + 精简关键词
   ========================================================= */
#identityOverviewPage .d-identity-core-card .d-identity-card-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-align:center!important;
  padding:9px 6px!important;
}
#identityOverviewPage .d-identity-core-card .d-identity-card-shade{
  background:linear-gradient(180deg,rgba(246,249,252,.30),rgba(239,245,249,.78) 62%,rgba(244,248,251,.92))!important;
}
#identityOverviewPage .d-identity-core-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 1px!important;
  border-radius:15px!important;
  color:#8d6e47!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(232,240,246,.74))!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 7px 18px rgba(81,103,123,.10),inset 0 1px 0 #fff!important;
}
#identityOverviewPage .d-identity-core-icon svg{
  width:28px!important;
  height:28px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.45!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#identityOverviewPage .d-identity-core-card h3{
  margin:0!important;
  width:100%!important;
  text-align:center!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  font-weight:580!important;
  letter-spacing:.04em!important;
  color:#46515d!important;
}
#identityOverviewPage .d-identity-core-key{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:1px 0 0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-family:var(--serif)!important;
  font-size:11.2px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  color:#7f6647!important;
}
#identityOverviewPage .d-card-who .d-identity-card-summary,
#identityOverviewPage .d-card-soul .d-identity-card-summary,
#identityOverviewPage .d-card-postnatal .d-identity-card-summary{display:none!important;}
@media(max-width:390px){
  #identityOverviewPage .d-identity-core-icon{width:38px!important;height:38px!important;border-radius:13px!important;}
  #identityOverviewPage .d-identity-core-icon svg{width:25px!important;height:25px!important;}
  #identityOverviewPage .d-identity-core-card h3{font-size:12.6px!important;}
  #identityOverviewPage .d-identity-core-key{font-size:10.2px!important;}
}

/* =========================================================
   V22 · 我的页安全区 / 账户统计可点击 / 照见首页头图净化
   ========================================================= */
/* “我的 / 个人中心”必须完整落在灵动岛下方，不再向物理屏幕顶部越界。 */
#profilePage .d-profile-account-shell>.d-head{
  position:relative!important;
  z-index:20!important;
  height:calc(68px + env(safe-area-inset-top,0px))!important;
  min-height:calc(68px + env(safe-area-inset-top,0px))!important;
  box-sizing:border-box!important;
  padding:calc(env(safe-area-inset-top,0px) + 8px) 7px 0!important;
  margin:0!important;
  align-items:flex-start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#profilePage .d-profile-account-shell>.d-head>div{
  padding-top:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#profilePage .d-profile-account-shell>.d-head h1{
  margin:0!important;
  font-size:27px!important;
  line-height:1.08!important;
}
#profilePage .d-profile-account-shell>.d-head p{
  margin:4px 0 0!important;
  line-height:1.2!important;
}
#profilePage .d-profile-account-shell>.d-head .d-settings{
  margin-top:0!important;
}
/* 头图继续从屏幕顶部铺开，但标题按安全区落位。 */
#profilePage .d-profile-scene{
  margin-top:calc(-68px - env(safe-area-inset-top,0px))!important;
}
/* 头图上不再叠第二个头像，只保留“用户信息”卡中的真实用户头像。 */
#profilePage .d-profile-scene>.d-avatar,
#profilePage .d-profile-scene .d-avatar{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* 档案数 / 报告数 / 问事数 / 收藏数：四等分、整块可点。 */
#profilePage .d-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  gap:0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
}
#profilePage .d-metrics>.d-metric-item{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  margin:0!important;
  padding:5px 3px!important;
  border:0!important;
  border-right:1px solid rgba(202,187,159,.34)!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:center!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
#profilePage .d-metrics>.d-metric-item:last-child{border-right:0!important;}
#profilePage .d-metrics>.d-metric-item b{
  display:block!important;
  font-family:var(--serif)!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:500!important;
  color:#3e4a56!important;
}
#profilePage .d-metrics>.d-metric-item small{
  display:block!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:#75828e!important;
}
#profilePage .d-metrics>.d-metric-item:active{
  background:rgba(255,255,255,.36)!important;
  transform:scale(.97)!important;
}

/* 手机版“照见”头部图片左上角不允许任何白色块/伪元素/容器底色残留。 */
#homePage.d-home,
#homePage.d-home>.d-head,
#homePage.d-home>.d-head>div,
#homePage.d-home>.d-hero{
  border:0!important;
  box-shadow:none!important;
}
#homePage.d-home>.d-head,
#homePage.d-home>.d-head>div{
  background:transparent!important;
}
#homePage.d-home>.d-head::before,
#homePage.d-home>.d-head::after,
#homePage.d-home>.d-head>div::before,
#homePage.d-home>.d-head>div::after,
#homePage.d-home>.d-hero::before{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:600px){
  #profilePage .d-profile-account-shell>.d-head{
    padding-top:calc(env(safe-area-inset-top,0px) + 7px)!important;
  }
  #profilePage .d-profile-account-shell>.d-head h1{font-size:26px!important;}
  #profilePage .d-profile-scene{
    margin-top:calc(-68px - env(safe-area-inset-top,0px))!important;
  }
}

/* =========================================================
   V23 · 照见首页顶部净化 + 子页面真实来源返回配套
   ========================================================= */
/*
 * iPhone 截图中“灵境”上方左上角出现的矩形色块来自首页 Hero 早期多层实现：
 * 容器 background、::after 图片层、safe-area 补景层在 WebKit 合成时可能分块重绘。
 * 首页现在只保留一个 Hero 背景层，安全区和正文头图使用同一张图、同一缩放坐标，
 * 从物理屏幕顶部连续铺满，彻底消除左上角拼接块。
 */
#homePage.d-home,
#homePage.d-home::before,
#homePage.d-home::after{
  border:0!important;
  box-shadow:none!important;
}
#homePage.d-home::before,
#homePage.d-home::after{
  content:none!important;
  display:none!important;
}
#homePage.d-home>.d-hero{
  background:
    linear-gradient(180deg,rgba(248,251,255,.025) 0%,rgba(248,251,255,.055) 40%,rgba(244,246,250,.86) 100%),
    url(../../../assets/dawn-home-hero-v10.webp) center center/auto 100% no-repeat!important;
  background-color:#eef4fa!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  contain:paint!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
}
#homePage.d-home>.d-hero::before,
#homePage.d-home>.d-hero::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
#homePage.d-home>.d-hero>img{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
#homePage.d-home>.d-head,
#homePage.d-home>.d-head>div,
#homePage.d-home>.d-head h1,
#homePage.d-home>.d-head p{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* Safari 安全区本身也必须透明，让同一 Hero 连续透出。 */
body.home-page-active,
body.home-page-active>.app,
body.home-page-active #homePage.d-home{
  background-color:transparent!important;
}

/* =========================================================
   V24 · 首页头图重新居中 + 灵魂使命 / 生命主修深度页重构
   ========================================================= */
/* V23 为了处理 iOS 合成白块把 transform 改成了 translateZ(0)，
   但同时保留 left:50%，导致 Hero 从屏幕中线向右开始绘制。
   这里恢复真正的水平居中，并让背景按容器宽度完整铺开。 */
#homePage.d-home>.d-hero{
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  background:
    linear-gradient(180deg,rgba(248,251,255,.025) 0%,rgba(248,251,255,.055) 40%,rgba(244,246,250,.86) 100%),
    url(../../../assets/dawn-home-hero-v10.webp) center top/100% auto no-repeat!important;
  background-color:#eef4fa!important;
}

/* “我是谁”返回稳定：视觉层保持按钮可点，不让旧装饰层截获。 */
#identityPage .identity-back,
#identityPage [data-identity-back]{
  position:relative!important;
  z-index:90!important;
  pointer-events:auto!important;
}

/* 灵魂使命 / 生命主修：顶部标题真正贴住安全区并在滚动时悬浮。 */
body.purpose-page-active #purposePage,
body.embodiment-page-active #embodimentPage{
  background:
    radial-gradient(circle at 82% 0%,rgba(176,204,234,.20),transparent 28%),
    radial-gradient(circle at 12% 32%,rgba(221,196,151,.12),transparent 30%),
    linear-gradient(180deg,#f7f9fc 0%,#f2f5f9 52%,#f7f8fa 100%)!important;
  color:#26313e!important;
}
#purposePage .purpose-page-shell,
#embodimentPage .embodiment-page-shell{
  padding:0 12px calc(118px + env(safe-area-inset-bottom,0px))!important;
  overflow:visible!important;
}
#purposePage .purpose-page-topbar,
#embodimentPage .embodiment-page-topbar{
  position:sticky!important;
  top:env(safe-area-inset-top,0px)!important;
  z-index:120!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  min-height:60px!important;
  margin:0 -12px 12px!important;
  padding:8px 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(118,146,176,.10)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(247,249,252,.96),rgba(247,249,252,.88))!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  box-shadow:0 10px 28px rgba(65,91,118,.055)!important;
}
#purposePage .purpose-page-topbar::after,
#embodimentPage .embodiment-page-topbar::after{display:none!important;content:none!important;}
#purposePage .purpose-top-title,
#embodimentPage .embodiment-top-title{
  grid-column:2!important;
  text-align:center!important;
  min-width:0!important;
}
#purposePage .purpose-top-title strong,
#embodimentPage .embodiment-top-title strong{
  display:block!important;
  margin:0!important;
  color:#25313e!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.14em!important;
}
#purposePage .purpose-back,
#embodimentPage .embodiment-back{
  grid-column:1!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(116,145,174,.14)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.68)!important;
  color:#566577!important;
  box-shadow:0 8px 22px rgba(65,91,118,.07)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
#purposePage .purpose-back svg,
#embodimentPage .embodiment-back svg{
  width:20px!important;height:20px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
}
#purposePage .purpose-page-body,
#embodimentPage .embodiment-page-body{
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  color:#2b3542!important;
}

/* 新的深度解析页面：信息层级以“结论 → 原因 → 行为 → 建议”为主，不再堆术语。 */
.life-deep-hero{
  position:relative;
  overflow:hidden;
  min-height:224px;
  margin:10px 0 14px;
  padding:28px 24px 22px;
  border:1px solid rgba(255,255,255,.80);
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 22%,rgba(169,205,238,.35),transparent 33%),
    radial-gradient(circle at 12% 100%,rgba(224,197,146,.18),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(232,240,249,.72));
  box-shadow:0 22px 55px rgba(80,105,132,.10),inset 0 1px 0 rgba(255,255,255,.90);
}
.life-deep-hero::before{
  content:"";position:absolute;right:-40px;top:-56px;width:190px;height:190px;border-radius:50%;
  border:1px solid rgba(197,166,110,.22);box-shadow:0 0 0 22px rgba(255,255,255,.18),0 0 0 54px rgba(149,191,229,.08);
}
.life-deep-hero>small{position:relative;display:block;color:#9a7c4e;font-size:10px;letter-spacing:.28em;font-weight:650}
.life-deep-hero h1{position:relative;margin:12px 0 8px!important;color:#1f2c39!important;font-size:31px!important;line-height:1.15!important;font-weight:620!important;letter-spacing:.05em!important}
.life-deep-hero>p{position:relative;max-width:620px;margin:0!important;color:#536172!important;font-size:15px!important;line-height:1.82!important}
.life-deep-hero-line{position:relative;display:grid;grid-template-columns:auto minmax(28px,1fr) minmax(0,1.55fr);align-items:center;gap:10px;margin-top:24px;padding-top:15px;border-top:1px solid rgba(109,142,174,.12)}
.life-deep-hero-line span{color:#9b7d50;font-size:11px;white-space:nowrap}
.life-deep-hero-line i{height:1px;background:linear-gradient(90deg,rgba(191,155,93,.44),rgba(125,163,198,.18))}
.life-deep-hero-line b{color:#344152;font-size:13px;line-height:1.6;font-weight:560;text-align:right}

.life-deep-panel{
  margin:12px 0;
  padding:20px 18px;
  border:1px solid rgba(255,255,255,.86);
  border-radius:24px;
  background:rgba(255,255,255,.68);
  box-shadow:0 14px 36px rgba(76,103,131,.065),inset 0 1px 0 rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  backdrop-filter:blur(16px) saturate(120%);
}
.life-deep-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:start;margin-bottom:14px}
.life-deep-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#fff,#e9f0f7);border:1px solid rgba(153,182,208,.18);color:#9a7b4c;font:600 10px/1 var(--sans,system-ui);box-shadow:0 5px 15px rgba(87,114,142,.08)}
.life-deep-head small{display:block;color:#9b7d51;font-size:9px;letter-spacing:.20em;font-weight:650}
.life-deep-head h2{margin:4px 0 0!important;color:#2a3643!important;font-size:19px!important;line-height:1.45!important;font-weight:610!important;letter-spacing:.02em!important}
.life-deep-lead{margin:0!important;color:#465567!important;font-size:14px!important;line-height:1.92!important}
.life-deep-caption{margin:11px 0 0!important;color:#7a8795!important;font-size:12px!important;line-height:1.72!important}
.life-deep-quote{margin-top:14px;padding:14px 15px;border-left:2px solid rgba(184,145,81,.52);border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(225,205,168,.16),rgba(241,246,251,.60))}
.life-deep-quote b{display:block;color:#8d7047;font-size:11px;font-weight:650;letter-spacing:.08em}
.life-deep-quote p{margin:6px 0 0!important;color:#455365!important;font-size:13px!important;line-height:1.78!important}
.life-deep-tags{display:flex;flex-wrap:wrap;gap:7px}
.life-deep-tags span{display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border:1px solid rgba(142,173,201,.16);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(235,242,249,.76));color:#536273;font-size:12px;line-height:1.35;box-shadow:0 4px 12px rgba(79,107,136,.045)}
.life-deep-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.life-deep-signal-grid article{display:grid;grid-template-columns:29px minmax(0,1fr);gap:10px;padding:14px;border:1px solid rgba(133,164,193,.12);border-radius:18px;background:linear-gradient(145deg,rgba(252,253,255,.88),rgba(238,244,250,.68))}
.life-deep-signal-grid article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(218,230,242,.62);color:#8b7048;font-size:9px;font-weight:650}
.life-deep-signal-grid h3{margin:1px 0 6px!important;color:#334253!important;font-size:14px!important;line-height:1.4!important;font-weight:620!important}
.life-deep-signal-grid p{margin:0!important;color:#657384!important;font-size:12px!important;line-height:1.72!important}
.life-deep-signal-grid article.tone-pressure{background:linear-gradient(145deg,rgba(255,250,248,.90),rgba(248,239,235,.70));border-color:rgba(191,137,111,.13)}
.life-deep-signal-grid article.tone-support{background:linear-gradient(145deg,rgba(249,254,252,.90),rgba(234,245,241,.68));border-color:rgba(108,160,143,.12)}
.life-deep-list,.life-deep-practice-list,.life-deep-ability-list{display:grid;gap:8px}
.life-deep-list article,.life-deep-practice-list article,.life-deep-ability-list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;padding:12px 13px;border-radius:16px;background:rgba(244,248,252,.72);border:1px solid rgba(137,166,193,.10)}
.life-deep-list b,.life-deep-practice-list b,.life-deep-ability-list b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.78);color:#9b7b4a;font-size:10px;font-weight:650;box-shadow:0 4px 12px rgba(70,98,127,.05)}
.life-deep-list p,.life-deep-practice-list p,.life-deep-ability-list p{margin:3px 0 0!important;color:#566577!important;font-size:13px!important;line-height:1.78!important}
.life-deep-practice{background:linear-gradient(145deg,rgba(255,253,249,.82),rgba(239,245,250,.75))}
.life-deep-practice-list article{background:linear-gradient(90deg,rgba(226,207,171,.12),rgba(244,248,252,.78))}
.life-deep-risk{background:linear-gradient(145deg,rgba(255,250,248,.76),rgba(248,244,242,.66))}
.life-deep-final{margin:14px 0 4px;padding:28px 22px;text-align:center;border-radius:26px;background:linear-gradient(145deg,rgba(238,244,250,.88),rgba(255,252,247,.86));border:1px solid rgba(255,255,255,.90);box-shadow:0 18px 44px rgba(73,100,127,.07)}
.life-deep-final>small{color:#9b7c50;font-size:9px;letter-spacing:.25em;font-weight:650}
.life-deep-final h2{max-width:620px;margin:10px auto!important;color:#2c3947!important;font-size:20px!important;line-height:1.58!important;font-weight:610!important}
.life-deep-final p{max-width:640px;margin:0 auto!important;color:#5c6b7c!important;font-size:13px!important;line-height:1.82!important}
.life-deep-final blockquote{max-width:620px;margin:16px auto 0!important;padding-top:14px;border-top:1px solid rgba(135,164,191,.14);color:#8e7048!important;font-size:13px!important;line-height:1.75!important;font-style:normal!important}
.life-deep-empty{margin:40px 0;padding:26px;border-radius:22px;background:rgba(255,255,255,.74);text-align:center;color:#6d7988;font-size:14px}

@media(max-width:600px){
  #purposePage .purpose-page-shell,#embodimentPage .embodiment-page-shell{padding-left:10px!important;padding-right:10px!important}
  #purposePage .purpose-page-topbar,#embodimentPage .embodiment-page-topbar{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}
  .life-deep-hero{min-height:205px;margin-top:8px;padding:24px 18px 19px;border-radius:24px}
  .life-deep-hero h1{font-size:27px!important}
  .life-deep-hero>p{font-size:14px!important}
  .life-deep-panel{padding:17px 14px;border-radius:21px}
  .life-deep-signal-grid{grid-template-columns:1fr}
  .life-deep-head h2{font-size:17px!important}
  .life-deep-hero-line{grid-template-columns:auto 26px minmax(0,1fr);gap:8px}
  .life-deep-hero-line b{font-size:12px}
}

/* =========================================================
   V25 · 五类照见详情页顶栏统一 + 我是谁焦点/直读布局
   ========================================================= */
/* 详情页由各自顶栏接管安全区，避免 .app 再垫一次 safe-area，
   让标题背景从物理屏幕顶部连续覆盖，文字自然落在灵动岛下方。 */
body.identity-page-active>.app,
body.purpose-page-active>.app,
body.embodiment-page-active>.app,
body.identity-insight-page-active>.app{
  padding-top:0!important;
}
body.identity-page-active .page.active,
body.purpose-page-active .page.active,
body.embodiment-page-active .page.active,
body.identity-insight-page-active .page.active{
  padding-top:0!important;
}

/* 我是谁：标题固定在最上层，返回按钮明确可点。 */
body.identity-page-active #identityPage .identity-v2-topbar{
  position:sticky!important;
  top:0!important;
  z-index:2147482500!important;
  min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 10px 7px!important;
  margin:0 -10px!important;
  background:linear-gradient(180deg,rgba(242,247,251,.995),rgba(242,247,251,.94))!important;
  border-bottom:1px solid rgba(112,139,162,.10)!important;
  box-shadow:0 8px 24px rgba(68,88,108,.055)!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;
}
body.identity-page-active #identityPage .identity-v2-back{
  position:relative!important;
  z-index:2147482600!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* 四个锚点永远紧跟标题栏；active 必须有清晰焦点，而不只靠文字颜色。 */
body.identity-page-active #identityPage .identity-v2-nav{
  position:sticky!important;
  top:calc(56px + env(safe-area-inset-top,0px))!important;
  z-index:2147482400!important;
  margin:0 -2px 10px!important;
  padding:5px!important;
  background:rgba(239,245,249,.965)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 8px 22px rgba(69,89,108,.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button{
  color:#7b8792!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.identity-page-active #identityPage .identity-v2-nav button::after{
  content:""!important;
  position:absolute!important;
  left:25%!important;right:25%!important;bottom:2px!important;
  height:2px!important;border-radius:999px!important;
  background:transparent!important;
  transition:left .18s ease,right .18s ease,background .18s ease!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"]{
  color:#493e31!important;
  background:linear-gradient(145deg,#fffdf9,#f6f1e9)!important;
  box-shadow:inset 0 0 0 1px rgba(186,151,99,.20),0 4px 12px rgba(77,91,105,.06)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active::after,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"]::after{
  left:17%!important;right:17%!important;
  background:linear-gradient(90deg,#b38a50,#d5b879)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active span,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"] span{
  color:#a47f4d!important;
}

/* 我是谁正文改为“结论先行”的直读布局：少装饰、少绕弯。 */
body.identity-page-active #identityPage .identity-v2-hero{
  min-height:0!important;
  display:block!important;
  margin:12px 0 10px!important;
  padding:20px 18px 17px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(211,188,145,.16),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(237,244,249,.82))!important;
}
body.identity-page-active #identityPage .identity-v2-orbit,
body.identity-page-active #identityPage .identity-v2-hero-glow,
body.identity-page-active #identityPage .identity-v2-overview{display:none!important;}
body.identity-page-active #identityPage .identity-v2-hero-copy{
  max-width:none!important;
  text-align:left!important;
}
body.identity-page-active #identityPage .identity-v2-eyebrow{
  justify-content:flex-start!important;
  color:#9b7b4c!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}
body.identity-page-active #identityPage .identity-v2-hero-copy h1{
  margin:8px 0 8px!important;
  color:#2f3a45!important;
  font-size:29px!important;
  line-height:1.16!important;
  font-weight:610!important;
  letter-spacing:.035em!important;
}
body.identity-page-active #identityPage .identity-v2-hero-copy>p{
  color:#4e5d6c!important;
  font-size:14px!important;
  line-height:1.72!important;
}
body.identity-page-active #identityPage .identity-v2-hero-copy blockquote{
  margin:10px 0 0!important;
  padding:10px 0 0!important;
  color:#6d7782!important;
  font-size:12.5px!important;
  line-height:1.72!important;
}
body.identity-page-active #identityPage .identity-v2-content{
  gap:11px!important;
}
body.identity-page-active #identityPage .identity-v2-layer{
  scroll-margin-top:calc(114px + env(safe-area-inset-top,0px))!important;
  padding:15px 12px 13px!important;
  border-radius:22px!important;
}
body.identity-page-active #identityPage .identity-v2-layer-head{
  margin-bottom:10px!important;
}
body.identity-page-active #identityPage .identity-v2-layer-copy h2{
  margin:1px 0 2px!important;
  font-size:20px!important;
  line-height:1.35!important;
}
body.identity-page-active #identityPage .identity-v2-layer-copy p{
  color:#77828d!important;
  font-size:11px!important;
  line-height:1.55!important;
}
body.identity-page-active #identityPage .identity-v2-stack{gap:8px!important;}
body.identity-page-active #identityPage .identity-v2-card{
  padding:14px!important;
  border-radius:17px!important;
}
body.identity-page-active #identityPage .identity-v2-card-head{
  margin-bottom:8px!important;
  padding-bottom:8px!important;
}
body.identity-page-active #identityPage .identity-v2-card-head h3{
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:620!important;
}
body.identity-page-active #identityPage .identity-v2-card .identity-lead,
body.identity-page-active #identityPage .identity-v2-card .identity-lead.large{
  color:#5f6c79!important;
  font-size:12.5px!important;
  line-height:1.70!important;
}

/* 灵魂使命 / 生命主修：背景从屏幕顶端开始，标题栏自身包含安全区并 sticky。 */
body.purpose-page-active #purposePage,
body.embodiment-page-active #embodimentPage{
  margin-top:0!important;
  padding-top:0!important;
}
body.purpose-page-active #purposePage .purpose-page-topbar,
body.embodiment-page-active #embodimentPage .embodiment-page-topbar{
  position:sticky!important;
  top:0!important;
  z-index:2147482500!important;
  min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  margin:0 -12px 10px!important;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 7px!important;
  align-items:end!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(247,249,252,.995),rgba(247,249,252,.94))!important;
  box-shadow:0 8px 24px rgba(65,91,118,.055)!important;
}
body.purpose-page-active #purposePage .purpose-top-title strong,
body.embodiment-page-active #embodimentPage .embodiment-top-title strong{
  text-align:center!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
}

/* 性格底色 / 天赋优势 / 性格短板：同样用顶栏接管安全区。 */
body.identity-insight-page-active .identity-insight-page{
  margin-top:0!important;
  padding-top:0!important;
}
body.identity-insight-page-active .identity-insight-topbar{
  position:sticky!important;
  top:0!important;
  z-index:2147482500!important;
  min-height:calc(56px + env(safe-area-inset-top,0px))!important;
  margin:0 -12px 10px!important;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 7px!important;
  align-items:end!important;
  background:linear-gradient(180deg,rgba(244,248,251,.995),rgba(244,248,251,.94))!important;
  box-shadow:0 8px 24px rgba(69,91,113,.055)!important;
}
body.identity-insight-page-active .identity-insight-topbar h1{
  align-self:end!important;
  padding-bottom:3px!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
body.identity-insight-page-active .identity-insight-topbar button{
  align-self:end!important;
  margin-bottom:-2px!important;
}

/* =========================================================
   V26 · 照见详情页滚动层修复：正文可见 / 顶栏真 sticky / 底部导航锁底
   ========================================================= */
/* 1) “我是谁”正文不能再依赖被后置控制器关闭的 reveal observer。 */
body.identity-page-active #identityPage [data-identity-reveal]{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
body.identity-page-active #identityPage .identity-v2-body,
body.identity-page-active #identityPage .identity-v2-content,
body.identity-page-active #identityPage .identity-v2-layer,
body.identity-page-active #identityPage .identity-v2-card{
  visibility:visible!important;
}

/* 2) 老样式给 #purposePage 设置过 overflow:hidden，三个性格页也曾设置 overflow-y:auto。
      这会把 sticky 顶栏绑定到一个实际上不滚动的祖先，导致标题跟正文一起走。
      详情页统一只让 window/document 承担纵向滚动。 */
body.purpose-page-active #purposePage,
body.embodiment-page-active #embodimentPage,
body.identity-insight-page-active .identity-insight-page,
body.purpose-page-active #purposePage .purpose-page-shell,
body.embodiment-page-active #embodimentPage .embodiment-page-shell{
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  contain:none!important;
}
body.purpose-page-active>.app,
body.embodiment-page-active>.app,
body.identity-insight-page-active>.app{
  overflow:visible!important;
  contain:none!important;
}

/* 3) 五个详情页标题栏：背景从物理屏幕顶端开始，正文滚动时始终悬浮。
      safe-area 只用于把文字/返回键压到灵动岛下方，不再把整栏向下推。 */
body.purpose-page-active #purposePage .purpose-page-topbar,
body.embodiment-page-active #embodimentPage .embodiment-page-topbar,
body.identity-insight-page-active .identity-insight-topbar{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:2147482500!important;
  min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  padding-top:calc(env(safe-area-inset-top,0px) + 7px)!important;
  padding-bottom:8px!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
}
body.purpose-page-active #purposePage .purpose-page-body,
body.embodiment-page-active #embodimentPage .embodiment-page-body,
body.identity-insight-page-active .identity-insight-body{
  position:relative!important;
  z-index:1!important;
}

/* 4) 这些详情页底部主导航必须与照见主页完全同一条基线。
      不允许页面自身 safe-area、sticky 或旧 lj-detail 样式把导航抬高。 */
body.purpose-page-active>.bottom,
body.embodiment-page-active>.bottom,
body.identity-insight-page-active>.bottom,
body.purpose-page-active.lj-detail>.bottom,
body.embodiment-page-active.lj-detail>.bottom,
body.identity-insight-page-active.lj-detail>.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  transform:none!important;
  translate:none!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
}

/* 正文末尾给固定导航留足空间，避免最后内容被盖住。 */
body.purpose-page-active #purposePage .purpose-page-shell,
body.embodiment-page-active #embodimentPage .embodiment-page-shell,
body.identity-insight-page-active .identity-insight-page{
  padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
}

/* =========================================================
   V27 · 详情页顶部/底部几何硬锁 + 我是谁双层固定锚点
   ========================================================= */
/* 详情页不再继承 .app 的顶部 safe-area padding；顶部栏自己接管安全区。 */
body.identity-page-active>.app,
body.purpose-page-active>.app,
body.embodiment-page-active>.app,
body.identity-insight-page-active>.app{
  padding-top:0!important;
  overflow:visible!important;
  contain:none!important;
}

/* 我是谁：标题与四锚点改成两层 fixed，彻底摆脱滚动容器差异。 */
body.identity-page-active #identityPage{
  padding-top:0!important;
  margin-top:0!important;
  overflow:visible!important;
}
body.identity-page-active #identityPage .identity-v2-shell{
  padding-top:0!important;
  overflow:visible!important;
}
body.identity-page-active #identityPage .identity-v2-topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:min(100vw,480px)!important;
  min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 7px) 14px 8px!important;
  transform:translateX(-50%)!important;
  z-index:2147482700!important;
  background:linear-gradient(180deg,rgba(247,249,252,.995),rgba(247,249,252,.965))!important;
  box-shadow:0 7px 22px rgba(72,91,109,.055)!important;
}
body.identity-page-active #identityPage .identity-v2-nav{
  position:fixed!important;
  top:calc(58px + env(safe-area-inset-top,0px))!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100vw - 24px),456px)!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  z-index:2147482650!important;
  background:rgba(248,250,253,.965)!important;
  border:1px solid rgba(214,224,234,.94)!important;
  box-shadow:0 8px 22px rgba(69,89,108,.055)!important;
}
body.identity-page-active #identityPage .identity-v2-body{
  padding-top:calc(116px + env(safe-area-inset-top,0px))!important;
}
body.identity-page-active #identityPage .identity-v2-layer{
  scroll-margin-top:calc(126px + env(safe-area-inset-top,0px))!important;
}
body.identity-page-active #identityPage .identity-v2-nav button{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"]{
  color:#493e31!important;
  background:linear-gradient(145deg,#fffdf9,#f6f1e9)!important;
  box-shadow:inset 0 0 0 1px rgba(186,151,99,.20),0 4px 12px rgba(77,91,105,.06)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active::after,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"]::after{
  left:17%!important;
  right:17%!important;
  background:linear-gradient(90deg,#b38a50,#d5b879)!important;
}

/* 灵魂使命 / 生命主修：用 fixed 而不是 sticky，确保 iOS 下真正贴住物理屏幕顶部。 */
body.purpose-page-active #purposePage,
body.embodiment-page-active #embodimentPage{
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.purpose-page-active #purposePage .purpose-page-shell,
body.embodiment-page-active #embodimentPage .embodiment-page-shell{
  padding-top:0!important;
  overflow:visible!important;
}
body.purpose-page-active #purposePage .purpose-page-topbar,
body.embodiment-page-active #embodimentPage .embodiment-page-topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:min(100vw,480px)!important;
  min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 7px) 12px 8px!important;
  transform:translateX(-50%)!important;
  z-index:2147482700!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:end!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(247,249,252,.998),rgba(247,249,252,.96))!important;
  box-shadow:0 8px 24px rgba(65,91,118,.055)!important;
}
body.purpose-page-active #purposePage .purpose-page-body,
body.embodiment-page-active #embodimentPage .embodiment-page-body{
  padding-top:calc(68px + env(safe-area-inset-top,0px))!important;
}
body.purpose-page-active #purposePage .purpose-top-title,
body.embodiment-page-active #embodimentPage .embodiment-top-title{
  grid-column:2!important;
  align-self:end!important;
  text-align:center!important;
}

/* 性格底色 / 天赋优势 / 性格短板：同一套 fixed 顶栏。 */
body.identity-insight-page-active .identity-insight-page{
  margin:0!important;
  padding-top:0!important;
  overflow:visible!important;
}
body.identity-insight-page-active .identity-insight-topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:min(100vw,480px)!important;
  min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 7px) 12px 8px!important;
  transform:translateX(-50%)!important;
  z-index:2147482700!important;
  background:linear-gradient(180deg,rgba(244,248,251,.998),rgba(244,248,251,.96))!important;
  box-shadow:0 8px 24px rgba(69,91,113,.055)!important;
}
body.identity-insight-page-active .identity-insight-body{
  padding-top:calc(68px + env(safe-area-inset-top,0px))!important;
}

/* 五个详情页底部主导航完全复刻首页几何，避免 lj-detail 的 all:unset 造成视觉上移。 */
body.purpose-page-active>.bottom,
body.embodiment-page-active>.bottom,
body.identity-insight-page-active>.bottom,
body.purpose-page-active.lj-detail>.bottom,
body.embodiment-page-active.lj-detail>.bottom,
body.identity-insight-page-active.lj-detail>.bottom{
  all:unset!important;
  box-sizing:border-box!important;
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:min(100%,480px)!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  border-radius:32px 32px 0 0!important;
  background:rgba(250,251,254,.992)!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  transform:none!important;
  translate:none!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
}
body.purpose-page-active>.bottom>.nav,
body.embodiment-page-active>.bottom>.nav,
body.identity-insight-page-active>.bottom>.nav{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  font-family:var(--serif)!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:1.5px!important;
  color:#707984!important;
  cursor:pointer!important;
}
body.purpose-page-active>.bottom>.nav>.d-nav-svg,
body.embodiment-page-active>.bottom>.nav>.d-nav-svg,
body.identity-insight-page-active>.bottom>.nav>.d-nav-svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  flex:0 0 34px!important;
}
body.purpose-page-active #purposePage .purpose-page-shell,
body.embodiment-page-active #embodimentPage .embodiment-page-shell,
body.identity-insight-page-active .identity-insight-page{
  padding-bottom:calc(122px + env(safe-area-inset-bottom,0px))!important;
}

/* =========================================================
   V28 · 详情页导航与我是谁锚点稳定修复
   ========================================================= */
/* 我是谁：标题栏、四个锚点都以 viewport 为基准居中，不再依赖 translate 叠加。 */
body.identity-page-active #identityPage .identity-v2-topbar{
  position:fixed!important;
  inset:0 0 auto 0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:min(100%,480px)!important;
  height:calc(60px + env(safe-area-inset-top,0px))!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 14px 6px!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:end!important;
  z-index:2147482700!important;
}
body.identity-page-active #identityPage .identity-v2-title{
  grid-column:2!important;
  min-width:0!important;
  align-self:end!important;
  justify-self:stretch!important;
  text-align:center!important;
}
body.identity-page-active #identityPage .identity-v2-title span,
body.identity-page-active #identityPage .identity-v2-title strong{
  display:block!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body.identity-page-active #identityPage .identity-v2-back{
  grid-column:1!important;
  justify-self:start!important;
  align-self:end!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.identity-page-active #identityPage .identity-v2-back:active,
body.identity-page-active #identityPage .identity-v2-back:focus{
  transform:none!important;
  translate:none!important;
}
body.identity-page-active #identityPage .identity-v2-count{
  grid-column:3!important;
  justify-self:end!important;
  align-self:end!important;
  margin:0 0 5px!important;
}
body.identity-page-active #identityPage .identity-v2-nav{
  position:fixed!important;
  inset:auto 0 auto 0!important;
  top:calc(60px + env(safe-area-inset-top,0px))!important;
  left:0!important;
  right:0!important;
  width:min(calc(100% - 20px),460px)!important;
  height:56px!important;
  min-height:56px!important;
  margin:0 auto!important;
  padding:5px!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:4px!important;
  z-index:2147482650!important;
}
body.identity-page-active #identityPage .identity-v2-nav button{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:4px 2px!important;
  text-align:center!important;
  border-radius:12px!important;
  transform:none!important;
  translate:none!important;
  outline:none!important;
}
body.identity-page-active #identityPage .identity-v2-nav button span,
body.identity-page-active #identityPage .identity-v2-nav button b{
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.identity-page-active #identityPage .identity-v2-nav button span{margin-bottom:2px!important;}
body.identity-page-active #identityPage .identity-v2-nav button.active,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"]{
  color:#493e31!important;
  background:linear-gradient(145deg,#fffdf9,#f5efe5)!important;
  box-shadow:inset 0 0 0 1px rgba(181,141,82,.28),0 4px 12px rgba(77,91,105,.065)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active b,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"] b{
  color:#493e31!important;
  font-weight:650!important;
}
body.identity-page-active #identityPage .identity-v2-body{
  padding-top:calc(126px + env(safe-area-inset-top,0px))!important;
}
body.identity-page-active #identityPage .identity-v2-layer{
  scroll-margin-top:calc(126px + env(safe-area-inset-top,0px))!important;
}

/* 灵魂使命 / 生命主修：固定栏直接钉在 viewport 顶部；返回键点击不允许改变栏的几何。 */
body.purpose-page-active #purposePage .purpose-page-topbar,
body.embodiment-page-active #embodimentPage .embodiment-page-topbar{
  position:fixed!important;
  inset:0 0 auto 0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:min(100%,480px)!important;
  height:calc(60px + env(safe-area-inset-top,0px))!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:calc(env(safe-area-inset-top,0px) + 6px) 12px 6px!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:end!important;
  z-index:2147482700!important;
  transition:none!important;
  animation:none!important;
}
body.purpose-page-active #purposePage .purpose-top-title,
body.embodiment-page-active #embodimentPage .embodiment-top-title{
  grid-column:2!important;
  justify-self:stretch!important;
  align-self:end!important;
  text-align:center!important;
}
body.purpose-page-active #purposePage .purpose-top-title strong,
body.embodiment-page-active #embodimentPage .embodiment-top-title strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
}
body.purpose-page-active #purposePage .purpose-back,
body.embodiment-page-active #embodimentPage .embodiment-back{
  grid-column:1!important;
  justify-self:start!important;
  align-self:end!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.purpose-page-active #purposePage .purpose-back:active,
body.purpose-page-active #purposePage .purpose-back:focus,
body.embodiment-page-active #embodimentPage .embodiment-back:active,
body.embodiment-page-active #embodimentPage .embodiment-back:focus{
  transform:none!important;
  translate:none!important;
  outline:none!important;
}
body.purpose-page-active #purposePage .purpose-page-body,
body.embodiment-page-active #embodimentPage .embodiment-page-body{
  padding-top:calc(68px + env(safe-area-inset-top,0px))!important;
}

/* 灵魂使命、生命主修与三类性格详情页的底部主导航严格复用首页基线。 */
body.purpose-page-active>.bottom,
body.embodiment-page-active>.bottom,
body.identity-insight-page-active>.bottom,
body.purpose-page-active.lj-detail>.bottom,
body.embodiment-page-active.lj-detail>.bottom,
body.identity-insight-page-active.lj-detail>.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  border-radius:32px 32px 0 0!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  animation:none!important;
  z-index:2147483000!important;
}
body.purpose-page-active>.bottom>.nav,
body.embodiment-page-active>.bottom>.nav,
body.identity-insight-page-active>.bottom>.nav{
  box-sizing:border-box!important;
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  transform:none!important;
  translate:none!important;
}

/* =========================================================
   V29 · 我是谁锚点根修：内部滚动容器 + 紧凑双层页头
   ========================================================= */
/* #identityPage 本身才是滚动容器，因此标题与锚点都用 sticky 跟随该容器。
   不再 fixed + body padding 双重占位，消除标题下方的大块空白。 */
body.identity-page-active #identityPage .identity-v2-topbar{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  inset:auto!important;
  width:calc(100% + 20px)!important;
  height:auto!important;
  min-height:calc(52px + env(safe-area-inset-top,0px))!important;
  margin:0 -10px!important;
  padding:calc(env(safe-area-inset-top,0px) + 5px) 10px 5px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  align-items:center!important;
  transform:none!important;
  translate:none!important;
  z-index:2147482700!important;
  background:linear-gradient(180deg,rgba(239,245,250,.995),rgba(239,245,250,.97))!important;
  box-shadow:0 4px 14px rgba(70,91,111,.045)!important;
}
body.identity-page-active #identityPage .identity-v2-title{
  grid-column:2!important;
  align-self:center!important;
  justify-self:stretch!important;
  text-align:center!important;
}
body.identity-page-active #identityPage .identity-v2-title span{
  margin:0 0 1px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-align:center!important;
}
body.identity-page-active #identityPage .identity-v2-title strong{
  margin:0!important;
  font-size:19px!important;
  line-height:1.12!important;
  text-align:center!important;
}
body.identity-page-active #identityPage .identity-v2-back,
body.identity-page-active #identityPage .identity-v2-count{
  align-self:center!important;
}
body.identity-page-active #identityPage .identity-v2-count{margin:0!important;}

body.identity-page-active #identityPage .identity-v2-body{
  padding-top:0!important;
}
body.identity-page-active #identityPage .identity-v2-nav{
  position:sticky!important;
  top:calc(52px + env(safe-area-inset-top,0px))!important;
  left:auto!important;
  right:auto!important;
  inset:auto!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  margin:0 0 6px!important;
  padding:4px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px!important;
  align-items:stretch!important;
  transform:none!important;
  translate:none!important;
  border-radius:0 0 16px 16px!important;
  z-index:2147482650!important;
  background:linear-gradient(180deg,rgba(236,242,247,.99),rgba(236,242,247,.955))!important;
  box-shadow:0 5px 16px rgba(66,86,108,.045)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:3px 1px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  text-align:center!important;
  touch-action:manipulation!important;
}
body.identity-page-active #identityPage .identity-v2-nav button span{
  margin:0 0 1px!important;
  font-size:8px!important;
  line-height:1!important;
}
body.identity-page-active #identityPage .identity-v2-nav button b{
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"]{
  color:#493e31!important;
  background:linear-gradient(145deg,#fffdfa,#f3ecdf)!important;
  box-shadow:inset 0 0 0 1px rgba(181,141,82,.32),0 3px 10px rgba(77,91,105,.055)!important;
}
body.identity-page-active #identityPage .identity-v2-nav button.active b,
body.identity-page-active #identityPage .identity-v2-nav button[aria-current="true"] b{
  color:#493e31!important;
  font-weight:680!important;
}
body.identity-page-active #identityPage .identity-v2-hero{
  margin-top:4px!important;
}
body.identity-page-active #identityPage .identity-v2-layer{
  scroll-margin-top:calc(110px + env(safe-area-inset-top,0px))!important;
}

/* V25 · 看清当下｜生命能量轨迹图视觉重构 */
#pathPage #dEnergySummary{position:relative;z-index:12;isolation:isolate;}
#pathPage .d-energy-hero{position:relative;z-index:1;}
#pathPage .d-time-orbit{z-index:3;}
#pathPage .d-energy-trend{
  position:relative;z-index:15;overflow:hidden;
  width:100%;box-sizing:border-box;
  padding:12px 8px 8px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.82)),url(../../../assets/dawn-banner.webp) center/cover no-repeat;
  box-shadow:0 10px 30px rgba(107,129,151,.10),inset 0 1px 0 rgba(255,255,255,.95);
}
#pathPage .d-energy-trend h2{margin:0 8px 1px;font-size:20px;line-height:1.3;letter-spacing:2px;color:#283847;}
#pathPage .d-energy-trend>small{display:block;margin:0 8px 5px;font-size:11px;line-height:1.45;letter-spacing:.08em;color:#71808f;}
#pathPage .d-energy-trend .d-life-energy-svg{display:block;width:100%;height:112px!important;margin:0;overflow:visible;}
#pathPage .d-life-energy-guide{stroke:rgba(126,151,174,.14);stroke-width:1;stroke-dasharray:4 9;vector-effect:non-scaling-stroke;}
#pathPage .d-life-energy-line{fill:none!important;filter:drop-shadow(0 3px 4px rgba(106,147,176,.16));}
#pathPage .d-life-energy-point circle{fill:#fffdf8;stroke:#b99a6b;stroke-width:1.6;}
#pathPage .d-life-energy-point.current circle{fill:#f7fbff;stroke:#7fa8c3;stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(100,160,199,.34));}
#pathPage .d-life-energy-point text{font-family:var(--sans);font-size:24px;fill:#647789;letter-spacing:0;}
@media(max-width:420px){
  #pathPage .d-energy-trend{padding:11px 5px 7px;}
  #pathPage .d-energy-trend h2{margin-left:7px;font-size:19px;}
  #pathPage .d-energy-trend>small{margin-left:7px;font-size:10.5px;}
  #pathPage .d-energy-trend .d-life-energy-svg{height:106px!important;}
  #pathPage .d-life-energy-point text{font-size:25px;}
}

/* V26 · 看清当下｜十年轨迹可选焦点 + 先天能量雷达 */
#pathPage .d-energy-trend .d-life-energy-svg{height:126px!important;touch-action:manipulation;}
#pathPage .d-life-energy-line{filter:drop-shadow(0 3px 7px rgba(93,137,170,.18));}
#pathPage .d-life-energy-halo{opacity:.82;filter:blur(.6px);}
#pathPage .d-life-energy-point{cursor:pointer;outline:none;}
#pathPage .d-life-energy-point .d-life-energy-hit{fill:transparent;stroke:none;pointer-events:all;}
#pathPage .d-life-energy-point .d-life-energy-dot{fill:#fffefa;stroke:#a8895e;stroke-width:1.45;transition:r .18s ease,fill .18s ease,stroke .18s ease;}
#pathPage .d-life-energy-point.current .d-life-energy-dot{fill:#f5fbff;stroke:#70a8c6;stroke-width:2;}
#pathPage .d-life-energy-point.selected .d-life-energy-dot{fill:#edf8ff;stroke:#5f9fbe;stroke-width:2.8;filter:drop-shadow(0 0 6px rgba(73,145,184,.28));}
#pathPage .d-life-energy-point text{font-size:16px!important;fill:#738293;letter-spacing:0;pointer-events:none;}
#pathPage .d-life-energy-point.selected text{fill:#3f627b;font-weight:650;}
#pathPage .d-life-energy-focus{pointer-events:none;}
#pathPage .d-life-energy-focus line{stroke:rgba(101,143,171,.26);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;}
#pathPage .d-life-energy-focus rect{fill:rgba(250,253,255,.96);stroke:rgba(136,166,188,.34);stroke-width:1;filter:drop-shadow(0 3px 7px rgba(69,98,122,.10));}
#pathPage .d-life-energy-focus text{font-family:var(--sans);fill:#334b5e;letter-spacing:.02em;}
#pathPage .d-life-energy-focus .focus-main{font-size:15px;font-weight:650;}
#pathPage .d-life-energy-focus .focus-sub{font-size:11px;fill:#7d8792;}
#pathPage .d-energy-natal-card{display:grid;place-items:center;width:100%;min-height:258px;margin:8px 0;padding:8px 10px 6px;box-sizing:border-box;border:1px solid rgba(255,255,255,.94);border-radius:24px;background:linear-gradient(180deg,rgba(250,252,255,.96),rgba(247,249,253,.90));box-shadow:0 10px 28px rgba(99,122,151,.09),inset 0 1px 0 rgba(255,255,255,.96);overflow:hidden;}
#pathPage .d-energy-natal-card .energy-radar{width:min(100%,320px);max-width:320px;height:auto;margin:0 auto;overflow:visible;}
#pathPage .d-energy-natal-card .energy-radar-grid{stroke:rgba(125,163,205,.11);}
#pathPage .d-energy-natal-card .energy-radar-grid.outer{stroke:rgba(125,163,205,.17);}
#pathPage .d-energy-natal-card .energy-radar-axis{stroke:rgba(125,163,205,.08);}
#pathPage .d-energy-natal-card .energy-radar-data{stroke:rgba(101,171,219,.82);stroke-width:1.45;filter:drop-shadow(0 5px 13px rgba(102,156,211,.15));}
#pathPage .d-energy-natal-card .energy-radar-dot{fill:#eaf8ff;stroke:#4f89ac;stroke-width:1.15;}
#pathPage .d-energy-natal-card .energy-radar-label{font-size:10.2px!important;fill:#587899!important;font-weight:520!important;}
#pathPage .d-energy-natal-card .energy-radar-score{font-size:28px!important;fill:#ffffff!important;font-weight:700!important;paint-order:stroke;stroke:rgba(99,155,205,.10);stroke-width:1px;}
#pathPage .d-energy-natal-card .energy-radar-caption{font-size:8px!important;fill:#5d7692!important;font-weight:600!important;letter-spacing:.08em;}
#pathPage .d-energy-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px;}
#pathPage .d-energy-grid-compact .d-energy-card{min-height:122px;padding:10px 7px;align-items:center;text-align:center;}
#pathPage .d-energy-grid-compact .d-energy-card h3{font-size:15px;letter-spacing:1px;}
#pathPage .d-energy-grid-compact .d-energy-card .d-icon{width:40px;height:38px;margin:6px auto;}
#pathPage .d-energy-grid-compact .d-energy-card>p{font-size:9.5px!important;line-height:1.5;-webkit-line-clamp:2;}
@media(max-width:420px){
  #pathPage .d-energy-trend .d-life-energy-svg{height:118px!important;}
  #pathPage .d-life-energy-point text{font-size:15px!important;}
  #pathPage .d-energy-natal-card{min-height:242px;padding:4px 7px;}
  #pathPage .d-energy-natal-card .energy-radar{width:min(100%,300px);max-width:300px;}
  #pathPage .d-energy-grid-compact{gap:5px;}
  #pathPage .d-energy-grid-compact .d-energy-card{min-height:116px;padding:8px 5px;}
  #pathPage .d-energy-grid-compact .d-energy-card h3{font-size:14px;}
}

/* V27 · 看清当下｜十年焦点滑动 + 双列先天能量结构 */
#pathPage .d-life-energy-chart{
  position:relative;
  width:100%;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
#pathPage .d-energy-trend .d-life-energy-svg{
  height:118px!important;
  touch-action:pan-y;
}
#pathPage .d-life-energy-line{
  filter:drop-shadow(0 2px 6px rgba(93,129,163,.13));
}
#pathPage .d-life-energy-halo{
  opacity:.70;
  filter:blur(.45px);
}
#pathPage .d-life-energy-point text{
  font-size:11px!important;
  fill:#778797;
  font-weight:520;
  letter-spacing:-.01em;
}
#pathPage .d-life-energy-point.selected text{
  fill:#526f83;
  font-weight:620;
}
#pathPage .d-life-energy-score-focus{
  position:absolute;
  z-index:5;
  left:50%;top:50%;
  transform:translate(-50%,calc(-100% - 9px));
  min-width:30px;
  height:24px;
  padding:0 8px;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  border:1px solid rgba(121,153,178,.26);
  border-radius:999px;
  background:rgba(252,254,255,.93);
  box-shadow:0 5px 14px rgba(73,102,127,.10),inset 0 1px 0 rgba(255,255,255,.95);
  pointer-events:none;
  transition:left .10s linear,top .10s linear;
}
#pathPage .d-life-energy-score-focus b{
  font-size:12px;
  line-height:1;
  font-weight:760;
  color:#38556b;
  letter-spacing:.02em;
}
#pathPage .d-energy-grid-compact{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:8px!important;
  align-items:stretch;
}
#pathPage .d-energy-grid-compact .d-energy-card,
#pathPage .d-energy-grid-compact .d-energy-natal-card{
  width:100%;
  min-width:0;
  min-height:174px!important;
  margin:0!important;
  box-sizing:border-box;
}
#pathPage .d-energy-natal-card{
  padding:2px 2px 0!important;
  border:1px solid rgba(214,226,238,.72)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.78),rgba(241,247,253,.50))!important;
  box-shadow:0 8px 24px rgba(87,114,141,.065),inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:hidden!important;
}
#pathPage .d-energy-natal-card .energy-radar{
  width:min(100%,178px)!important;
  max-width:178px!important;
  height:auto!important;
  margin:0 auto!important;
  overflow:visible!important;
}
#pathPage .d-energy-natal-card .energy-radar-grid{
  fill:none!important;
  stroke:rgba(128,158,188,.17)!important;
  stroke-width:1!important;
}
#pathPage .d-energy-natal-card .energy-radar-grid.outer{
  fill:none!important;
  stroke:rgba(126,158,188,.29)!important;
  stroke-width:1.1!important;
}
#pathPage .d-energy-natal-card .energy-radar-axis{
  stroke:rgba(126,158,188,.12)!important;
  stroke-width:.9!important;
}
#pathPage .d-energy-natal-card .energy-radar-data{
  fill:rgba(105,158,214,.24)!important;
  stroke:rgba(88,154,199,.80)!important;
  stroke-width:1.4!important;
  filter:drop-shadow(0 4px 10px rgba(91,145,193,.12));
}
#pathPage .d-energy-natal-card .energy-radar-dot{
  fill:#f4fbff!important;
  stroke:#568eaf!important;
  stroke-width:1.1!important;
}
#pathPage .d-energy-natal-card .energy-radar-label{
  font-size:9.2px!important;
  fill:#5d7892!important;
  font-weight:560!important;
}
#pathPage .d-energy-natal-card .energy-radar-score{
  font-size:25px!important;
  fill:#ffffff!important;
  font-weight:780!important;
  paint-order:stroke;
  stroke:rgba(70,119,168,.16)!important;
  stroke-width:1.2px!important;
}
#pathPage .d-energy-natal-card .energy-radar-caption{
  font-size:11px!important;
  fill:#ffffff!important;
  font-weight:720!important;
  letter-spacing:.08em!important;
  paint-order:stroke;
  stroke:rgba(64,111,158,.14)!important;
  stroke-width:.8px!important;
}
#pathPage .d-energy-grid-compact .d-energy-card{
  padding:10px 8px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
@media(max-width:420px){
  #pathPage .d-energy-trend .d-life-energy-svg{height:112px!important;}
  #pathPage .d-life-energy-point text{font-size:10.5px!important;}
  #pathPage .d-energy-grid-compact{gap:6px!important;}
  #pathPage .d-energy-grid-compact .d-energy-card,
  #pathPage .d-energy-grid-compact .d-energy-natal-card{min-height:166px!important;}
  #pathPage .d-energy-natal-card .energy-radar{width:min(100%,164px)!important;max-width:164px!important;}
  #pathPage .d-energy-natal-card .energy-radar-caption{font-size:11.5px!important;}
}


/* V28 · 看清当下｜一生轨迹即时完整 + 稳定滑动焦点 + 雷达可读性 */
#pathPage .d-life-energy-chart{
  touch-action:pan-y!important;
  overflow:visible!important;
}
#pathPage .d-energy-trend .d-life-energy-svg{
  touch-action:pan-y!important;
}
#pathPage .d-life-energy-focus-line{
  position:absolute;
  z-index:3;
  top:16px;
  bottom:21px;
  width:0;
  border-left:1px dashed rgba(83,124,154,.42);
  transform:translateX(-.5px);
  pointer-events:none;
  transition:left .08s linear;
  background:transparent!important;
  box-shadow:none!important;
}
#pathPage .d-life-energy-point.current .d-life-energy-dot{
  stroke-width:1.55!important;
  fill:#f7fbff!important;
  stroke:#799fb7!important;
  filter:drop-shadow(0 0 3px rgba(91,145,177,.22))!important;
}
#pathPage .d-life-energy-point.current:not(.selected) .d-life-energy-dot{
  opacity:.9;
}
#pathPage .d-life-energy-point.selected .d-life-energy-dot{
  fill:#f3fbff!important;
  stroke:#4c91b7!important;
  stroke-width:2.2!important;
  filter:drop-shadow(0 0 5px rgba(73,145,184,.24))!important;
}
#pathPage .d-energy-natal-card .energy-radar-score{
  fill:#17212b!important;
  stroke:transparent!important;
  paint-order:normal!important;
}
#pathPage .d-energy-natal-card .energy-radar-caption{
  font-size:13px!important;
  fill:#17212b!important;
  font-weight:760!important;
  letter-spacing:.06em!important;
  stroke:transparent!important;
  paint-order:normal!important;
}
#pathPage .d-energy-natal-card .energy-radar-grid,
#pathPage .d-energy-natal-card .energy-radar-grid.outer{
  fill:none!important;
}
#pathPage .d-energy-grid-compact .d-energy-card,
#pathPage .d-energy-grid-compact .d-energy-natal-card{
  min-height:158px!important;
}
#pathPage .d-energy-natal-card .energy-radar{
  width:min(100%,158px)!important;
  max-width:158px!important;
}
@media(max-width:420px){
  #pathPage .d-energy-grid-compact .d-energy-card,
  #pathPage .d-energy-grid-compact .d-energy-natal-card{min-height:152px!important;}
  #pathPage .d-energy-natal-card .energy-radar{width:min(100%,152px)!important;max-width:152px!important;}
  #pathPage .d-energy-natal-card .energy-radar-caption{font-size:12.6px!important;}
}

/* V29 · 看清当下｜轨迹连续焦点 + 当年模式 + 快速切换 */
#pathPage .d-life-energy-chart{
  contain:layout paint;
  touch-action:pan-y pinch-zoom!important;
}
#pathPage .d-life-energy-line,
#pathPage .d-life-energy-halo{
  will-change:auto;
}
#pathPage .d-life-energy-focus-line,
#pathPage .d-life-energy-score-focus{
  will-change:left,top;
  transition:left 55ms linear,top 55ms linear!important;
}
#pathPage .d-life-energy-chart[data-dragging="true"] .d-life-energy-focus-line,
#pathPage .d-life-energy-chart[data-dragging="true"] .d-life-energy-score-focus{
  transition:none!important;
}
#pathPage .d-life-energy-point .d-life-energy-dot{
  transition:r 70ms ease,stroke-width 70ms ease,filter 70ms ease;
}
#pathPage .d-life-energy-point.current .d-life-energy-dot{
  stroke-width:1.25!important;
  filter:drop-shadow(0 0 2px rgba(91,145,177,.18))!important;
}
#pathPage .d-life-energy-point.current:not(.selected) .d-life-energy-dot{
  opacity:.92;
}
#pathPage .d-life-energy-point.selected .d-life-energy-dot{
  stroke-width:1.8!important;
  filter:drop-shadow(0 0 4px rgba(73,145,184,.20))!important;
}
#pathPage .d-life-energy-point text{
  font-size:10px!important;
  font-variant-numeric:tabular-nums;
}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="year"] .d-life-energy-point text{
  font-size:9.6px!important;
  letter-spacing:.02em;
}
#pathPage .d-life-energy-score-focus{
  min-width:28px!important;
  height:22px!important;
  padding:0 7px!important;
}
#pathPage .d-life-energy-score-focus b{font-size:11.5px!important;}
#pathPage .d-energy-natal-card .energy-radar-score{
  fill:#17212b!important;
}
#pathPage .d-energy-natal-card .energy-radar-caption{
  fill:#17212b!important;
  font-size:13.4px!important;
  font-weight:780!important;
}
@media(max-width:420px){
  #pathPage .d-life-energy-point text{font-size:9.6px!important;}
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="year"] .d-life-energy-point text{font-size:9.2px!important;}
  #pathPage .d-energy-natal-card .energy-radar-caption{font-size:13px!important;}
}

/* V30 · 看清当下｜十年 → 流年 → 流月 → 流日能量层级 */
#pathPage .d-life-energy-chart[data-dawn-trend-mode="month"] .d-life-energy-point text{
  font-size:9.4px!important;
  letter-spacing:.01em;
}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="day"] .d-life-energy-point text{
  font-size:8.2px!important;
  fill:#8493a1!important;
  font-variant-numeric:tabular-nums;
}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="day"] .d-life-energy-hit{r:14;}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="day"] .d-life-energy-point:not(.selected):not(.current) .d-life-energy-dot{
  r:2.65;
  opacity:.8;
}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="month"] .d-life-energy-point:not(.selected):not(.current) .d-life-energy-dot{
  r:3.05;
}
#pathPage .d-energy-trend>p{
  min-height:96px;
  display:grid;
  place-items:center;
  margin:0;
  color:#718292;
  font-size:12px;
}
@media(max-width:420px){
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="month"] .d-life-energy-point text{font-size:8.9px!important;}
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="day"] .d-life-energy-point text{font-size:7.8px!important;}
}

/* V31｜看清当下：先天→十年→流年→当月→今日五层时间入口 */
#pathPage .d-time-orbit button:nth-child(1){left:9%!important;top:34%!important;right:auto!important;bottom:auto!important;}
#pathPage .d-time-orbit button:nth-child(2){left:50%!important;top:0!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;}
#pathPage .d-time-orbit button:nth-child(3){right:8%!important;top:34%!important;left:auto!important;bottom:auto!important;}
#pathPage .d-time-orbit button:nth-child(4){left:23%!important;bottom:0!important;top:auto!important;right:auto!important;transform:translateX(-50%)!important;}
#pathPage .d-time-orbit button:nth-child(5){right:23%!important;bottom:0!important;top:auto!important;left:auto!important;transform:translateX(50%)!important;}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-point text{font-size:8px!important;letter-spacing:0!important;}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-hit{r:15;}
#pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-point:not(.selected):not(.current) .d-life-energy-dot{r:3.05;}
@media(max-width:390px){
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-point text{font-size:7.3px!important;}
  #pathPage .d-time-orbit button{font-size:12.5px!important;letter-spacing:1.2px!important;}
}

/* V32 · 看清当下｜时间入口重新布位：十年位于当月与今日之间 */
#pathPage .d-time-orbit button:nth-child(2){
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
}
#pathPage .d-time-orbit button:nth-child(4){
  left:20%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
}
#pathPage .d-time-orbit button:nth-child(5){
  left:auto!important;
  right:20%!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(50%)!important;
}

/* V33 · 看清当下｜时间入口位置、轨迹命名与时间刻度可读性 */
/* 底部三入口：十年（原当月位）｜今日（原十年位）｜当月（原今日位） */
#pathPage .d-time-orbit button:nth-child(2){
  left:20%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
}
#pathPage .d-time-orbit button:nth-child(5){
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
}
#pathPage .d-time-orbit button:nth-child(4){
  left:auto!important;
  right:20%!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(50%)!important;
}

/* 十年内各流年：两位年份 + “年”，整体放大 */
#pathPage .d-life-energy-chart[data-dawn-trend-mode="year"] .d-life-energy-point text{
  font-size:12.6px!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  fill:#667889!important;
}

/* 今年的十二流月：正、二、三……字号约为旧版两倍 */
#pathPage .d-life-energy-chart[data-dawn-trend-mode="month"] .d-life-energy-point text{
  font-size:18.8px!important;
  font-weight:680!important;
  letter-spacing:.02em!important;
  fill:#5e7183!important;
}

/* 当月流日：1、5、10……提高可读性 */
#pathPage .d-life-energy-chart[data-dawn-trend-mode="day"] .d-life-energy-point text{
  font-size:13.2px!important;
  font-weight:620!important;
  letter-spacing:0!important;
  fill:#718393!important;
}

/* 今日流时：子至亥，字号约为旧版三倍 */
#pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-point text{
  font-size:24px!important;
  font-weight:720!important;
  letter-spacing:.04em!important;
  fill:#536a7d!important;
}

/* 大字号时间刻度需要更稳定的底部留白 */
#pathPage .d-life-energy-chart[data-dawn-trend-mode="month"] .d-life-energy-svg,
#pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-svg{
  overflow:visible!important;
}

@media(max-width:420px){
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="year"] .d-life-energy-point text{font-size:12px!important;}
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="month"] .d-life-energy-point text{font-size:18px!important;}
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="day"] .d-life-energy-point text{font-size:12.6px!important;}
  #pathPage .d-life-energy-chart[data-dawn-trend-mode="hour"] .d-life-energy-point text{font-size:22px!important;}
}

/* V34 · 看清当下｜Focus Engine 主页焦点卡 + 焦点详情 */
/* 时间切换：保持既有轨道位置，只升级材质、焦点与触感。 */
#pathPage .d-time-orbit button{
  min-width:58px!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(236,243,250,.48))!important;
  color:#667789!important;
  font-family:var(--serif)!important;
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:1.6px!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(139,164,187,.12),0 7px 18px rgba(80,108,133,.10)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
#pathPage .d-time-orbit button::after{
  content:'';
  position:absolute;
  left:50%;bottom:4px;
  width:18px;height:1px;
  transform:translateX(-50%) scaleX(.25);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#b48c52,transparent);
  opacity:0;
  transition:transform .18s ease,opacity .18s ease;
}
#pathPage .d-time-orbit button[aria-pressed="true"]{
  color:#6f573c!important;
  border-color:rgba(196,157,100,.48)!important;
  background:linear-gradient(145deg,rgba(255,253,249,.94),rgba(232,242,250,.72))!important;
  box-shadow:inset 0 1px 0 #fff,0 0 0 3px rgba(255,255,255,.46),0 9px 24px rgba(106,128,148,.14),0 2px 12px rgba(190,151,93,.10)!important;
}
#pathPage .d-time-orbit button[aria-pressed="true"]::after{opacity:1;transform:translateX(-50%) scaleX(1);}
#pathPage .d-time-orbit button:active{filter:brightness(.97)!important;}

/* 主页焦点卡：只呈现“哪里最重要”，不显示内部评分。 */
#pathPage .d-focus-card{
  min-height:152px;
  box-sizing:border-box;
  padding:0;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(255,255,255,.92);
  border-radius:18px;
  background:
    radial-gradient(circle at 84% 12%,rgba(210,226,240,.56),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(239,246,252,.72));
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(139,164,187,.10),0 8px 22px rgba(92,119,143,.10);
}
#pathPage .d-focus-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,rgba(188,151,93,.15),rgba(111,155,185,.64),rgba(188,151,93,.12));
}
#pathPage .d-focus-main{
  all:unset;
  box-sizing:border-box;
  width:100%;
  min-height:116px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto 1fr;
  gap:3px 8px;
  padding:12px 13px 8px;
  cursor:pointer;
}
#pathPage .d-focus-kicker{font-size:10px;letter-spacing:2px;color:#7b8996;align-self:center;}
#pathPage .d-focus-period{font-size:10px;letter-spacing:.8px;color:#9a7c55;justify-self:end;white-space:nowrap;}
#pathPage .d-focus-period i{font-style:normal;font-size:14px;margin-left:2px;}
#pathPage .d-focus-main h3{grid-column:1/-1;margin:2px 0 0!important;font-size:20px!important;line-height:1.18!important;font-weight:720!important;letter-spacing:.7px!important;color:#2d3640!important;}
#pathPage .d-focus-main p{grid-column:1/-1;margin:2px 0 0!important;font-size:10.5px!important;line-height:1.62!important;color:#71808e!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#pathPage .d-focus-secondary{display:flex;gap:6px;padding:0 13px 11px;}
#pathPage .d-focus-secondary button{
  min-width:0;
  height:25px;
  padding:0 10px;
  border:1px solid rgba(154,177,197,.26);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#66798a;
  font-size:10px;
  letter-spacing:.7px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pathPage .d-focus-secondary button:active{transform:scale(.97);}

/* 焦点详情：仍属于“看清当下”，默认只讲现实语言；技术证据折叠。 */
#focusDetailPage.focus-detail-page{
  background:
    radial-gradient(circle at 50% -6%,rgba(191,218,238,.28),transparent 30%),
    linear-gradient(180deg,#f7f9fc 0%,#f1f5f9 56%,#eef2f7 100%);
  color:#303841;
  padding:0 14px calc(110px + env(safe-area-inset-bottom,0px));
  min-height:100dvh;
  box-sizing:border-box;
}
#focusDetailPage .focus-detail-head{
  position:sticky;
  top:0;
  z-index:80;
  min-height:calc(62px + env(safe-area-inset-top,0px));
  margin:0 -14px;
  padding:env(safe-area-inset-top,0px) 14px 7px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 72px;
  align-items:end;
  border-bottom:1px solid rgba(255,255,255,.88);
  background:linear-gradient(180deg,rgba(247,250,253,.98),rgba(247,250,253,.90));
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
  box-shadow:0 8px 26px rgba(91,118,142,.06);
}
#focusDetailPage .focus-detail-head>button{
  all:unset;
  height:38px;
  display:flex;align-items:center;gap:2px;
  color:#687888;
  font-size:11px;
  cursor:pointer;
}
#focusDetailPage .focus-detail-head>button .d-icon{width:24px;height:24px;}
#focusDetailPage .focus-detail-head>div{text-align:center;align-self:center;min-width:0;}
#focusDetailPage .focus-detail-head small{display:block;font-size:9px;letter-spacing:2px;color:#9a7b55;margin-bottom:1px;}
#focusDetailPage .focus-detail-head h1{margin:0;font-size:20px;line-height:1.2;letter-spacing:1.5px;color:#303842;font-family:var(--serif);font-weight:720;}
#focusDetailPage .focus-detail-head-spacer{display:block;width:72px;}
#focusDetailPage .focus-detail-hero{padding:22px 6px 12px;text-align:center;}
#focusDetailPage .focus-detail-hero>p{max-width:350px;margin:0 auto 15px;font-size:13px;line-height:1.8;color:#657687;}
#focusDetailPage .focus-detail-tabs{display:flex;justify-content:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;}
#focusDetailPage .focus-detail-tabs::-webkit-scrollbar{display:none;}
#focusDetailPage .focus-detail-tabs button{
  flex:0 0 auto;
  min-width:66px;height:30px;padding:0 12px;
  border-radius:999px;border:1px solid rgba(153,177,198,.30);
  background:rgba(255,255,255,.58);color:#718293;font-size:11px;letter-spacing:1px;
}
#focusDetailPage .focus-detail-tabs button[aria-pressed="true"]{color:#725b3f;border-color:rgba(194,156,101,.44);background:rgba(255,253,249,.86);box-shadow:0 5px 16px rgba(99,123,145,.08);}
#focusDetailPage .focus-detail-body{display:grid;gap:10px;}
#focusDetailPage .focus-detail-card,
#focusDetailPage .focus-detail-split>article,
#focusDetailPage .focus-evidence{
  border:1px solid rgba(255,255,255,.94);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(240,246,251,.64));
  box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(91,117,139,.07);
}
#focusDetailPage .focus-detail-card{padding:15px 15px 14px;}
#focusDetailPage .focus-detail-card>small,
#focusDetailPage .focus-detail-split small{display:block;margin-bottom:9px;font-size:10px;letter-spacing:1.7px;color:#9a7b55;}
#focusDetailPage .focus-detail-core p{margin:0;font-size:14px;line-height:1.9;color:#3f4a55;}
#focusDetailPage .focus-detail-list{display:grid;gap:8px;}
#focusDetailPage .focus-detail-list article{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.52);}
#focusDetailPage .focus-detail-list b{font-size:9px;letter-spacing:1px;color:#a98961;padding-top:2px;}
#focusDetailPage .focus-detail-list p{margin:0;font-size:12px;line-height:1.75;color:#536373;}
#focusDetailPage .focus-detail-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;}
#focusDetailPage .focus-detail-card li{position:relative;padding-left:15px;font-size:12px;line-height:1.7;color:#526271;}
#focusDetailPage .focus-detail-card li::before{content:'';position:absolute;left:1px;top:.72em;width:5px;height:5px;border-radius:50%;background:#8ca9bd;box-shadow:0 0 0 4px rgba(140,169,189,.10);}
#focusDetailPage .focus-related>div{display:flex;flex-wrap:wrap;gap:7px;}
#focusDetailPage .focus-related button{height:32px;padding:0 11px;border:1px solid rgba(152,176,197,.26);border-radius:999px;background:rgba(255,255,255,.62);font-size:10px;color:#66798a;}
#focusDetailPage .focus-related button i{font-style:normal;margin:0 5px;color:#b08e64;}
#focusDetailPage .focus-related button b{font-weight:650;color:#445665;}
#focusDetailPage .focus-detail-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#focusDetailPage .focus-detail-split>article{padding:14px 13px;}
#focusDetailPage .focus-detail-split p{margin:0 0 7px;font-size:11px;line-height:1.65;color:#596a79;}
#focusDetailPage .focus-detail-split p:last-child{margin-bottom:0;}
#focusDetailPage .focus-opportunity{background:linear-gradient(145deg,rgba(255,253,247,.90),rgba(243,247,251,.66))!important;}
#focusDetailPage .focus-pressure{background:linear-gradient(145deg,rgba(250,252,255,.92),rgba(244,240,248,.68))!important;}
#focusDetailPage .focus-reflection{border-color:rgba(194,157,102,.28);background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(238,246,252,.74));}
#focusDetailPage .focus-reflection h3{margin:0;font-family:var(--serif);font-weight:620;font-size:16px;line-height:1.75;letter-spacing:.5px;color:#34414d;}
#focusDetailPage .focus-evidence{padding:0 14px;overflow:hidden;}
#focusDetailPage .focus-evidence summary{list-style:none;min-height:46px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#7a8895;cursor:pointer;}
#focusDetailPage .focus-evidence summary::-webkit-details-marker{display:none;}
#focusDetailPage .focus-evidence summary::after{content:'＋';font-size:16px;color:#9d825f;}
#focusDetailPage .focus-evidence[open] summary::after{content:'－';}
#focusDetailPage .focus-evidence>div{padding:0 0 12px;display:grid;gap:5px;}
#focusDetailPage .focus-evidence p{margin:0;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.48);font-size:10px;line-height:1.5;color:#6c7a87;}
#focusDetailPage .focus-evidence p b{display:inline-block;min-width:64px;color:#4e5e6c;margin-right:6px;}
@media(max-width:390px){
  #pathPage .d-time-orbit button{min-width:54px!important;height:36px!important;padding:0 11px!important;font-size:12px!important;letter-spacing:1.2px!important;}
  #pathPage .d-focus-main h3{font-size:18px!important;}
  #focusDetailPage .focus-detail-split{grid-template-columns:1fr;}
}


/* V35 · 所有「焦点详情」子页面：标题贴顶 + 主导航锁定屏幕底部。
   焦点页共用 #focusDetailPage，因此主焦点、次焦点以及顶部前三焦点切换后的详情都统一生效。 */
body.focus-detail-page-active{
  --focus-detail-head-h:calc(58px + env(safe-area-inset-top,0px));
  --focus-detail-nav-h:calc(82px + env(safe-area-inset-bottom,0px));
}
body.focus-detail-page-active #focusDetailPage.focus-detail-page{
  box-sizing:border-box!important;
  min-height:100dvh!important;
  padding-top:var(--focus-detail-head-h)!important;
  padding-bottom:calc(var(--focus-detail-nav-h) + 28px)!important;
  overflow:visible!important;
  overscroll-behavior-y:none!important;
}
/* 页头从物理屏幕顶部铺底，标题实际落在灵动岛/刘海安全区下方；正文滚动时完全不动。 */
body.focus-detail-page-active #focusDetailPage .focus-detail-head{
  position:fixed!important;
  top:0!important;
  bottom:auto!important;
  left:50%!important;
  right:auto!important;
  width:min(100%,480px)!important;
  min-height:var(--focus-detail-head-h)!important;
  height:var(--focus-detail-head-h)!important;
  margin:0!important;
  padding:env(safe-area-inset-top,0px) 14px 6px!important;
  transform:translateX(-50%)!important;
  translate:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 72px!important;
  align-items:center!important;
  z-index:2147482500!important;
  background:linear-gradient(180deg,rgba(248,251,254,.995),rgba(247,250,253,.94))!important;
  border-bottom:1px solid rgba(219,229,238,.78)!important;
  box-shadow:0 7px 24px rgba(82,109,132,.07)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  animation:none!important;
  transition:none!important;
}
body.focus-detail-page-active #focusDetailPage .focus-detail-head>div{
  align-self:center!important;
  text-align:center!important;
  transform:none!important;
}
body.focus-detail-page-active #focusDetailPage .focus-detail-head>button{
  align-self:center!important;
  transform:none!important;
  translate:none!important;
}
body.focus-detail-page-active #focusDetailPage .focus-detail-hero{
  padding-top:14px!important;
}
/* 焦点详情属于「看清当下」，但主导航仍与所有一级页共用同一条屏幕底边。 */
body.focus-detail-page-active>.bottom{
  all:unset!important;
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:var(--focus-detail-nav-h)!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  border-radius:32px 32px 0 0!important;
  background:rgba(250,251,254,.985)!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  animation:none!important;
}
body.focus-detail-page-active>.bottom>.nav{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:0!important;
  margin:0!important;
  font-family:var(--serif)!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:1.5px!important;
  color:#707984!important;
  cursor:pointer!important;
  transform:none!important;
  translate:none!important;
}
body.focus-detail-page-active>.bottom>.nav.active{color:#86613a!important;}
body.focus-detail-page-active>.bottom>.nav>.d-nav-svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}
@media(max-width:600px){
  body.focus-detail-page-active #focusDetailPage .focus-detail-head{
    width:100%!important;
    left:0!important;
    right:0!important;
    transform:none!important;
  }
  body.focus-detail-page-active>.bottom{
    width:100%!important;
    max-width:480px!important;
  }
}

/* V36 · 焦点详情页真正脱离 .app 容器。
   说明：V35 只给 body 状态加 fixed 样式，但焦点页仍是 .app 的子元素，
   iOS 会继续受 .app 的 safe-area padding / overflow 影响，因此视觉上“毫无变化”。
   V36 由 JS 将 #focusDetailPage 提升为 body 直属页，再由这个块锁定真实视口。 */
#focusDetailPage.focus-detail-page{
  position:fixed!important;
  inset:0!important;
  top:0!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0 14px calc(104px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  translate:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  box-sizing:border-box!important;
  z-index:2147481000!important;
  background:
    radial-gradient(circle at 50% -6%,rgba(191,218,238,.28),transparent 30%),
    linear-gradient(180deg,#f7f9fc 0%,#f1f5f9 56%,#eef2f7 100%)!important;
  animation:none!important;
  transition:none!important;
}
#focusDetailPage.focus-detail-page:not(.active){display:none!important;}
#focusDetailPage.focus-detail-page.active{display:block!important;}

/* 真正的页面滚动容器就是 #focusDetailPage 本身；标题 sticky 到它的 0 点，
   背景从物理屏幕顶边开始，文字区域用 safe-area 自动落到灵动岛下方。 */
#focusDetailPage.focus-detail-page .focus-detail-head{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-height:calc(58px + env(safe-area-inset-top,0px))!important;
  height:auto!important;
  margin:0 -14px!important;
  padding:env(safe-area-inset-top,0px) 14px 6px!important;
  transform:none!important;
  translate:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 72px!important;
  align-items:center!important;
  z-index:2147482000!important;
  background:linear-gradient(180deg,rgba(248,251,254,.998),rgba(247,250,253,.965))!important;
  border-bottom:1px solid rgba(219,229,238,.84)!important;
  box-shadow:0 7px 24px rgba(82,109,132,.065)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  animation:none!important;
  transition:none!important;
}
#focusDetailPage.focus-detail-page .focus-detail-head>div{
  align-self:center!important;
  justify-self:stretch!important;
  min-width:0!important;
  text-align:center!important;
  transform:none!important;
}
#focusDetailPage.focus-detail-page .focus-detail-head>button,
#focusDetailPage.focus-detail-page .focus-detail-head-spacer{
  align-self:center!important;
  transform:none!important;
  translate:none!important;
}
#focusDetailPage.focus-detail-page .focus-detail-hero{
  padding-top:14px!important;
}

/* 所有焦点子页都使用与一级页完全相同的底部基线。
   不让详情页的 lj-detail / safe-area 二次计算把导航整体抬高。 */
body.focus-detail-page-active>.bottom,
body:has(#focusDetailPage.active)>.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  border-radius:32px 32px 0 0!important;
  background:rgba(250,251,254,.992)!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
  animation:none!important;
}
body.focus-detail-page-active>.bottom>.nav,
body:has(#focusDetailPage.active)>.bottom>.nav{
  all:unset!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:0!important;
  margin:0!important;
  font-family:var(--serif)!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:1.5px!important;
  color:#707984!important;
  cursor:pointer!important;
  transform:none!important;
  translate:none!important;
}
body.focus-detail-page-active>.bottom>.nav.active,
body:has(#focusDetailPage.active)>.bottom>.nav.active{color:#86613a!important;}
body.focus-detail-page-active>.bottom>.nav>.d-nav-svg,
body:has(#focusDetailPage.active)>.bottom>.nav>.d-nav-svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  flex:0 0 34px!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
}
@media(max-width:600px){
  #focusDetailPage.focus-detail-page{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
  }
}

/* V37 · 焦点详情滚动容器重构 + 看清当下切换质感/非阻塞加载 */
/* 焦点详情页只负责占满视口；真正的纵向滚动交给内部 .focus-detail-scroll。
   这样不再依赖 iOS 对 fixed 页面本身 overflow:auto 的兼容行为。 */
body.focus-detail-page-active{
  overflow:hidden!important;
  touch-action:auto!important;
}
#focusDetailPage.focus-detail-page{
  --focus-head-h:calc(58px + env(safe-area-inset-top,0px));
  --focus-nav-h:calc(82px + env(safe-area-inset-bottom,0px));
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:auto!important;
  padding:0!important;
}
#focusDetailPage.focus-detail-page .focus-detail-head{
  position:absolute!important;
  inset:0 0 auto 0!important;
  top:0!important;
  width:100%!important;
  min-height:var(--focus-head-h)!important;
  height:var(--focus-head-h)!important;
  margin:0!important;
  padding:env(safe-area-inset-top,0px) 14px 6px!important;
  transform:none!important;
  z-index:20!important;
}
#focusDetailPage.focus-detail-page .focus-detail-scroll{
  position:absolute!important;
  inset:var(--focus-head-h) 0 var(--focus-nav-h) 0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0 14px 30px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scroll-behavior:auto!important;
  scrollbar-width:none!important;
  z-index:1!important;
}
#focusDetailPage.focus-detail-page .focus-detail-scroll::-webkit-scrollbar{display:none!important;}
#focusDetailPage.focus-detail-page .focus-detail-hero{
  padding:18px 6px 12px!important;
}
#focusDetailPage.focus-detail-page .focus-detail-bottom-spacer{
  height:28px!important;
  width:100%!important;
  pointer-events:none!important;
}
#focusDetailPage.focus-detail-page .focus-detail-body{
  min-height:min-content!important;
}

/* 时间入口：减少实时毛玻璃合成，改用轻量的瓷釉/金属边界，视觉更高级且切换更省 GPU。 */
#pathPage .d-time-orbit button{
  min-width:60px!important;
  height:38px!important;
  padding:0 14px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(142,160,177,.23)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(238,244,249,.72))!important;
  color:#617080!important;
  font-size:12.5px!important;
  font-weight:680!important;
  letter-spacing:1.5px!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(113,139,160,.08),
    0 5px 15px rgba(72,96,118,.075)!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .12s ease!important;
}
#pathPage .d-time-orbit button::before{
  content:'';
  position:absolute;
  inset:1px 9px auto;
  height:45%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,255,255,0));
  opacity:.72;
  pointer-events:none;
  z-index:-1;
}
#pathPage .d-time-orbit button[aria-pressed="true"]{
  color:#72583a!important;
  border-color:rgba(181,143,88,.46)!important;
  background:
    radial-gradient(circle at 50% -35%,rgba(255,246,222,.92),transparent 62%),
    linear-gradient(180deg,rgba(255,253,249,.98),rgba(234,242,248,.90))!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(255,255,255,.54),
    0 5px 16px rgba(84,105,124,.09),
    0 0 0 2px rgba(198,163,108,.08)!important;
}
#pathPage .d-time-orbit button[aria-pressed="true"]::after{
  height:2px!important;
  width:22px!important;
  bottom:3px!important;
  background:linear-gradient(90deg,transparent,#ba9158 22%,#7da8c1 78%,transparent)!important;
  box-shadow:0 0 6px rgba(150,166,171,.22)!important;
}
#pathPage .d-time-orbit button:active{
  filter:brightness(.97)!important;
}

/* 切换层级时先让浏览器画出等待状态，再在下一帧/空闲帧读取缓存或运算，避免“点一下整页卡住”。 */
#dEnergySummary{position:relative!important;}
#dEnergySummary.is-energy-switching::after{
  content:attr(data-energy-switch-label);
  position:absolute;
  z-index:70;
  top:8px;
  right:8px;
  min-width:88px;
  height:28px;
  padding:0 11px 0 27px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.88);
  border-radius:999px;
  background:rgba(248,251,254,.94);
  color:#738291;
  font-size:10px;
  letter-spacing:.8px;
  box-shadow:0 5px 16px rgba(78,104,126,.10);
  pointer-events:none;
}
#dEnergySummary.is-energy-switching::before{
  content:'';
  position:absolute;
  z-index:71;
  top:15px;
  right:76px;
  width:10px;
  height:10px;
  border:1.5px solid rgba(112,145,169,.26);
  border-top-color:#819fb4;
  border-radius:50%;
  animation:dawn-energy-switch-spin .75s linear infinite;
  pointer-events:none;
}
@keyframes dawn-energy-switch-spin{to{transform:rotate(360deg)}}

/* =========================================================
   V38 · 看清当下｜Reminder Engine + 完整焦点关键词
   ========================================================= */
#pathPage .d-focus-keywords{display:flex;gap:6px;padding:0 13px 11px;align-items:center;overflow:hidden;}
#pathPage .d-focus-keywords button{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pathPage .d-focus-keywords button.is-primary{border-color:rgba(188,151,93,.32);background:linear-gradient(145deg,rgba(255,253,248,.92),rgba(239,246,251,.72));color:#6d583d;}

/* 首页提醒卡：与焦点卡同一语言，但强调“动作”而不是“主题”。 */
#pathPage .d-reminder-card{
  min-height:152px;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.92);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 14%,rgba(224,213,196,.34),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(243,247,251,.76));
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(153,165,181,.08),0 8px 22px rgba(92,112,134,.085);
}
#pathPage .d-reminder-card::before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,rgba(177,142,90,.20),rgba(119,153,181,.54),rgba(177,142,90,.16));}
#pathPage .d-reminder-main{all:unset;box-sizing:border-box;width:100%;min-height:152px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto 1fr auto;gap:3px 8px;padding:11px 12px 10px;cursor:pointer;}
#pathPage .d-reminder-kicker{font-size:10px;letter-spacing:2px;color:#7b8996;align-self:center;}
#pathPage .d-reminder-period{font-size:10px;letter-spacing:.8px;color:#9a7c55;justify-self:end;white-space:nowrap;}
#pathPage .d-reminder-period i{font-style:normal;font-size:14px;margin-left:2px;}
#pathPage .d-reminder-main em{grid-column:1/-1;justify-self:start;margin-top:1px;padding:3px 7px;border-radius:999px;background:rgba(154,177,197,.12);border:1px solid rgba(154,177,197,.18);font-style:normal;font-size:8.5px;letter-spacing:1px;color:#6f8190;}
#pathPage .d-reminder-main h3{grid-column:1/-1;margin:2px 0 0!important;font-size:17px!important;line-height:1.22!important;letter-spacing:.4px!important;color:#2f3943!important;font-weight:720!important;}
#pathPage .d-reminder-main p{grid-column:1/-1;margin:2px 0 0!important;font-size:9.7px!important;line-height:1.56!important;color:#72808d!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#pathPage .d-reminder-main footer{grid-column:1/-1;display:flex;gap:5px;min-width:0;padding-top:4px;}
#pathPage .d-reminder-main footer span{min-width:0;max-width:50%;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(155,177,196,.19);font-size:8.4px;line-height:1.2;color:#6a7c8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pathPage .d-reminder-card.is-empty{padding:13px;display:flex;flex-direction:column;gap:8px;}
#pathPage .d-reminder-card.is-empty p{margin:0;font-size:10px;line-height:1.6;color:#72808d;}

/* 提醒详情页：独立真实视口，页头固定在灵动岛下方，正文独立滚动，底部导航绝不被抬高。 */
body.reminder-detail-page-active{overflow:hidden!important;touch-action:auto!important;}
#reminderDetailPage.reminder-detail-page{
  --reminder-head-h:calc(58px + env(safe-area-inset-top,0px));
  --reminder-nav-h:calc(82px + env(safe-area-inset-bottom,0px));
  position:fixed!important;
  inset:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 16% 2%,rgba(222,234,244,.72),transparent 28%),
    radial-gradient(circle at 84% 14%,rgba(237,225,205,.42),transparent 32%),
    linear-gradient(180deg,#f7f9fc 0%,#f0f4f8 56%,#edf2f7 100%)!important;
  z-index:2147481100!important;
  transform:none!important;
  transition:none!important;
}
#reminderDetailPage.reminder-detail-page:not(.active){display:none!important;}
#reminderDetailPage.reminder-detail-page.active{display:block!important;}
#reminderDetailPage .reminder-detail-head{
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:var(--reminder-head-h)!important;
  min-height:var(--reminder-head-h)!important;
  padding:env(safe-area-inset-top,0px) 14px 6px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 72px!important;
  align-items:center!important;
  z-index:30!important;
  background:linear-gradient(180deg,rgba(248,251,254,.998),rgba(247,250,253,.965))!important;
  border-bottom:1px solid rgba(219,229,238,.84)!important;
  box-shadow:0 7px 24px rgba(82,109,132,.055)!important;
}
#reminderDetailPage .reminder-detail-head>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:3px;height:38px;padding:0 4px;cursor:pointer;color:#647585;font-size:10px;letter-spacing:.6px;}
#reminderDetailPage .reminder-detail-head>button .d-icon{width:24px;height:24px;}
#reminderDetailPage .reminder-detail-head>div{text-align:center;min-width:0;}
#reminderDetailPage .reminder-detail-head small{display:block;margin-bottom:1px;font-size:8.5px;line-height:1;letter-spacing:2px;color:#9a7b55;}
#reminderDetailPage .reminder-detail-head h1{margin:0;font-family:var(--serif);font-size:20px;line-height:1.15;letter-spacing:1.4px;font-weight:720;color:#303842;}
#reminderDetailPage .reminder-detail-head-spacer{width:72px;}
#reminderDetailPage .reminder-detail-scroll{
  position:absolute!important;
  inset:var(--reminder-head-h) 0 var(--reminder-nav-h) 0!important;
  padding:0 14px 30px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scrollbar-width:none!important;
}
#reminderDetailPage .reminder-detail-scroll::-webkit-scrollbar{display:none!important;}
#reminderDetailPage .reminder-detail-hero{padding:18px 5px 13px;text-align:center;}
#reminderDetailPage .reminder-status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 10px;border-radius:999px;border:1px solid rgba(180,148,98,.25);background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(237,244,250,.82));font-size:9px;letter-spacing:1.4px;color:#8d704d;box-shadow:inset 0 1px 0 rgba(255,255,255,.96);}
#reminderDetailPage #reminderDetailSummary h2{margin:10px 0 5px;font-family:var(--serif);font-size:24px;line-height:1.25;letter-spacing:.5px;color:#2d3741;font-weight:720;}
#reminderDetailPage #reminderDetailSummary p{max-width:360px;margin:0 auto;font-size:12px;line-height:1.78;color:#6d7c8a;}
#reminderDetailPage .reminder-detail-tabs{display:flex;justify-content:center;gap:6px;margin-top:13px;overflow-x:auto;scrollbar-width:none;}
#reminderDetailPage .reminder-detail-tabs::-webkit-scrollbar{display:none;}
#reminderDetailPage .reminder-detail-tabs button{height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(153,175,195,.22);background:rgba(255,255,255,.55);font-size:9.5px;letter-spacing:.8px;color:#6f8090;white-space:nowrap;}
#reminderDetailPage .reminder-detail-tabs button[aria-pressed="true"]{border-color:rgba(183,146,91,.38);color:#71583b;background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(240,246,251,.84));box-shadow:0 4px 14px rgba(91,113,133,.07);}
#reminderDetailPage .reminder-detail-body{display:grid;gap:10px;padding-bottom:4px;}
#reminderDetailPage .reminder-detail-card,#reminderDetailPage .reminder-evidence{position:relative;border:1px solid rgba(255,255,255,.92);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(242,247,251,.72));box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(87,108,128,.07);}
#reminderDetailPage .reminder-detail-card{padding:15px 14px 14px;}
#reminderDetailPage .reminder-detail-card>span,#reminderDetailPage .reminder-evidence summary>span{position:absolute;right:13px;top:12px;font-size:9px;letter-spacing:1.5px;color:rgba(155,126,87,.55);}
#reminderDetailPage .reminder-detail-card>small,#reminderDetailPage .reminder-evidence summary>small{display:block;margin-bottom:9px;font-size:10px;letter-spacing:1.5px;color:#917653;}
#reminderDetailPage .reminder-detail-card p{margin:0;font-size:12px;line-height:1.8;color:#50606f;}
#reminderDetailPage .reminder-reasons{display:grid;gap:8px;}
#reminderDetailPage .reminder-reasons article{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.55);}
#reminderDetailPage .reminder-reasons b{font-size:9px;color:#a18561;padding-top:2px;}
#reminderDetailPage .reminder-detail-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
#reminderDetailPage .reminder-detail-card li{position:relative;padding-left:16px;font-size:12px;line-height:1.7;color:#536372;}
#reminderDetailPage .reminder-detail-card li::before{content:'';position:absolute;left:1px;top:.68em;width:5px;height:5px;border-radius:50%;background:#8ea9bd;box-shadow:0 0 0 4px rgba(142,169,189,.10);}
#reminderDetailPage .reminder-do{background:linear-gradient(145deg,rgba(252,253,255,.94),rgba(236,246,251,.78));}
#reminderDetailPage .reminder-watch{background:linear-gradient(145deg,rgba(255,253,249,.94),rgba(248,241,232,.72));border-color:rgba(218,198,169,.38);}
#reminderDetailPage .reminder-related>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px;}
#reminderDetailPage .reminder-related button{all:unset;display:flex;align-items:center;gap:5px;height:30px;padding:0 9px;border-radius:999px;border:1px solid rgba(153,175,195,.22);background:rgba(255,255,255,.58);font-size:9.5px;color:#657888;cursor:pointer;}
#reminderDetailPage .reminder-related button i{font-style:normal;color:#af8b5e;}
#reminderDetailPage .reminder-duration strong{display:block;font-size:13px;line-height:1.55;color:#4c5d6c;font-weight:650;}
#reminderDetailPage .reminder-reflection{border-color:rgba(185,150,96,.28);background:linear-gradient(145deg,rgba(255,253,248,.95),rgba(236,245,251,.76));}
#reminderDetailPage .reminder-reflection h3{margin:0;font-family:var(--serif);font-size:16px;line-height:1.75;font-weight:620;color:#34424e;letter-spacing:.3px;}
#reminderDetailPage .reminder-evidence{padding:0 14px;overflow:hidden;}
#reminderDetailPage .reminder-evidence summary{position:relative;list-style:none;min-height:48px;display:flex;align-items:center;cursor:pointer;}
#reminderDetailPage .reminder-evidence summary::-webkit-details-marker{display:none;}
#reminderDetailPage .reminder-evidence summary::after{content:'＋';margin-left:auto;font-size:16px;color:#9d825f;}
#reminderDetailPage .reminder-evidence[open] summary::after{content:'－';}
#reminderDetailPage .reminder-evidence>div{display:grid;gap:5px;padding:0 0 12px;}
#reminderDetailPage .reminder-evidence p{margin:0;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.50);font-size:10px;line-height:1.55;color:#6b7a87;}
#reminderDetailPage .reminder-evidence p b{display:inline-block;min-width:66px;margin-right:6px;color:#4f5e6b;}
#reminderDetailPage .reminder-detail-bottom-spacer{height:28px;}

body.reminder-detail-page-active>.bottom,
body:has(#reminderDetailPage.active)>.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  border-radius:32px 32px 0 0!important;
  background:rgba(250,251,254,.992)!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  z-index:2147483000!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
}
body.reminder-detail-page-active>.bottom>.nav,
body:has(#reminderDetailPage.active)>.bottom>.nav{
  all:unset!important;box-sizing:border-box!important;width:100%!important;height:62px!important;min-height:62px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-family:var(--serif)!important;font-size:12px!important;line-height:1!important;letter-spacing:1.5px!important;color:#707984!important;cursor:pointer!important;
}
body.reminder-detail-page-active>.bottom>.nav.active,
body:has(#reminderDetailPage.active)>.bottom>.nav.active{color:#86613a!important;}
body.reminder-detail-page-active>.bottom>.nav>.d-nav-svg,
body:has(#reminderDetailPage.active)>.bottom>.nav>.d-nav-svg{display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;margin:0!important;}

@media(max-width:420px){
  #pathPage .d-reminder-main h3{font-size:15.5px!important;}
  #pathPage .d-reminder-main p{font-size:9.2px!important;}
  #pathPage .d-reminder-main footer span{font-size:7.8px;}
  #reminderDetailPage #reminderDetailSummary h2{font-size:22px;}
}

/* V38 · 时间镜头按钮终稿：轻瓷釉 + 金蓝焦点，不启用实时模糊。 */
#pathPage .d-time-orbit button{border-color:rgba(145,160,175,.28)!important;background:radial-gradient(circle at 50% -40%,rgba(255,255,255,.98),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.91),rgba(234,241,247,.78))!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(107,132,152,.08),0 6px 16px rgba(69,91,111,.08)!important}
#pathPage .d-time-orbit button[aria-pressed="true"]{color:#6a543a!important;border-color:rgba(188,150,94,.52)!important;background:radial-gradient(circle at 50% -20%,rgba(255,246,219,.92),transparent 56%),linear-gradient(180deg,rgba(255,254,251,.98),rgba(233,242,248,.94))!important;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.68),0 7px 18px rgba(91,113,132,.10),0 0 0 2px rgba(190,151,93,.08)!important}

/* V39 · 看清当下｜时势系统 + 详情页滚动复位 + 十年/今年入口换位 */
/* 时势主页卡：与焦点/提醒同体系，但只表达“方向与节奏”，不使用红绿吉凶暗示。 */
#pathPage .d-momentum-card{
  position:relative;
  min-width:0;
  min-height:152px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.94);
  border-radius:19px;
  background:
    radial-gradient(circle at 84% -8%,rgba(189,214,229,.34),transparent 43%),
    radial-gradient(circle at 12% 112%,rgba(226,211,183,.24),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,246,251,.77));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 8px 22px rgba(77,103,124,.075);
}
#pathPage .d-momentum-card::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.42) 46%,transparent 73%);
  transform:translateX(-56%);
  opacity:.34;
}
#pathPage .d-momentum-main{
  all:unset;
  box-sizing:border-box;
  width:100%;
  min-height:152px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 22px auto 1fr auto;
  gap:3px 8px;
  padding:11px 12px 10px;
  cursor:pointer;
}
#pathPage .d-momentum-kicker{font-size:10px;letter-spacing:2px;color:#798894;align-self:center;}
#pathPage .d-momentum-period{font-size:10px;letter-spacing:.8px;color:#987a53;justify-self:end;white-space:nowrap;}
#pathPage .d-momentum-period i{font-style:normal;font-size:14px;margin-left:2px;}
#pathPage .d-momentum-line{
  grid-column:1/-1;
  position:relative;
  display:flex;
  align-items:flex-end;
  gap:3px;
  width:56px;
  height:18px;
  margin-top:1px;
  opacity:.78;
}
#pathPage .d-momentum-line::after{
  content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;
  background:linear-gradient(90deg,rgba(181,151,108,.22),rgba(105,155,184,.54),rgba(148,137,178,.38));
}
#pathPage .d-momentum-line i{position:relative;z-index:1;width:11px;border-radius:999px 999px 2px 2px;background:linear-gradient(180deg,rgba(113,163,190,.72),rgba(190,158,111,.38));box-shadow:0 0 0 1px rgba(255,255,255,.65);}
#pathPage .d-momentum-line i:nth-child(1){height:5px}#pathPage .d-momentum-line i:nth-child(2){height:9px}#pathPage .d-momentum-line i:nth-child(3){height:13px}#pathPage .d-momentum-line i:nth-child(4){height:17px}
#pathPage .d-momentum-main h3{grid-column:1/-1;margin:1px 0 0!important;font-size:17px!important;line-height:1.22!important;letter-spacing:.5px!important;color:#2f3943!important;font-weight:720!important;}
#pathPage .d-momentum-main p{grid-column:1/-1;margin:1px 0 0!important;font-size:9.7px!important;line-height:1.56!important;color:#70808d!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#pathPage .d-momentum-main footer{grid-column:1/-1;display:flex;gap:5px;min-width:0;padding-top:4px;}
#pathPage .d-momentum-main footer span{min-width:0;max-width:50%;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.64);border:1px solid rgba(153,176,195,.19);font-size:8.4px;line-height:1.2;color:#697b89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pathPage .d-momentum-card.is-empty{padding:13px;display:flex;flex-direction:column;gap:8px;}
#pathPage .d-momentum-card.is-empty p{margin:0;font-size:10px;line-height:1.6;color:#72808d;}

/* 时势详情页：顶部固定于安全区下方，中间独立滚动，底部主导航固定在物理屏幕底部。 */
body.momentum-detail-page-active{overflow:hidden!important;touch-action:auto!important;}
#momentumDetailPage.momentum-detail-page{
  --momentum-head-h:calc(58px + env(safe-area-inset-top,0px));
  --momentum-nav-h:calc(82px + env(safe-area-inset-bottom,0px));
  position:fixed!important;
  inset:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 11% 0%,rgba(214,231,242,.78),transparent 30%),
    radial-gradient(circle at 88% 15%,rgba(236,224,204,.42),transparent 34%),
    linear-gradient(180deg,#f8fafc 0%,#f0f4f8 56%,#edf2f7 100%)!important;
  z-index:2147481100!important;
  transform:none!important;
  transition:none!important;
}
#momentumDetailPage.momentum-detail-page:not(.active){display:none!important;}
#momentumDetailPage.momentum-detail-page.active{display:block!important;}
#momentumDetailPage .momentum-detail-head{
  position:absolute!important;inset:0 0 auto 0!important;width:100%!important;
  height:var(--momentum-head-h)!important;min-height:var(--momentum-head-h)!important;
  padding:env(safe-area-inset-top,0px) 14px 6px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:72px minmax(0,1fr) 72px!important;align-items:center!important;
  z-index:30!important;
  background:linear-gradient(180deg,rgba(248,251,254,.998),rgba(247,250,253,.965))!important;
  border-bottom:1px solid rgba(217,228,237,.84)!important;
  box-shadow:0 7px 24px rgba(82,109,132,.055)!important;
}
#momentumDetailPage .momentum-detail-head>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:3px;height:38px;padding:0 4px;cursor:pointer;color:#647585;font-size:10px;letter-spacing:.6px;}
#momentumDetailPage .momentum-detail-head>button .d-icon{width:24px;height:24px;}
#momentumDetailPage .momentum-detail-head>div{text-align:center;min-width:0;}
#momentumDetailPage .momentum-detail-head small{display:block;margin-bottom:1px;font-size:8.5px;line-height:1;letter-spacing:2px;color:#9a7b55;}
#momentumDetailPage .momentum-detail-head h1{margin:0;font-family:var(--serif);font-size:20px;line-height:1.15;letter-spacing:1.4px;font-weight:720;color:#303842;}
#momentumDetailPage .momentum-detail-head-spacer{width:72px;}
#momentumDetailPage .momentum-detail-scroll{
  position:absolute!important;
  inset:var(--momentum-head-h) 0 var(--momentum-nav-h) 0!important;
  padding:0 14px 30px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;
  scrollbar-width:none!important;
}
#momentumDetailPage .momentum-detail-scroll::-webkit-scrollbar{display:none!important;}
#momentumDetailPage .momentum-detail-hero{padding:18px 5px 13px;text-align:center;}
#momentumDetailPage .momentum-domain{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 10px;border-radius:999px;border:1px solid rgba(153,176,195,.24);background:linear-gradient(145deg,rgba(251,254,255,.94),rgba(236,244,250,.84));font-size:9px;letter-spacing:1.4px;color:#6c8191;box-shadow:inset 0 1px 0 rgba(255,255,255,.98);}
#momentumDetailPage #momentumDetailSummary h2{margin:10px 0 5px;font-family:var(--serif);font-size:24px;line-height:1.25;letter-spacing:.5px;color:#2d3741;font-weight:720;}
#momentumDetailPage #momentumDetailSummary p{max-width:370px;margin:0 auto;font-size:12px;line-height:1.78;color:#6c7b88;}
#momentumDetailPage .momentum-detail-meta{display:flex;justify-content:center;gap:7px;margin-top:12px;}
#momentumDetailPage .momentum-detail-meta>span{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(153,176,195,.19);}
#momentumDetailPage .momentum-detail-meta small{font-size:8px;letter-spacing:.8px;color:#8b98a3;}#momentumDetailPage .momentum-detail-meta b{font-size:9.5px;color:#637686;font-weight:680;}
#momentumDetailPage .momentum-detail-body{display:grid;gap:10px;padding-bottom:4px;}
#momentumDetailPage .momentum-detail-card,#momentumDetailPage .momentum-evidence{position:relative;border:1px solid rgba(255,255,255,.92);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(242,247,251,.72));box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(87,108,128,.07);}
#momentumDetailPage .momentum-detail-card{padding:15px 14px 14px;}
#momentumDetailPage .momentum-detail-card>span,#momentumDetailPage .momentum-evidence summary>span{position:absolute;right:13px;top:12px;font-size:9px;letter-spacing:1.5px;color:rgba(155,126,87,.55);}
#momentumDetailPage .momentum-detail-card>small,#momentumDetailPage .momentum-evidence summary>small{display:block;margin-bottom:9px;font-size:10px;letter-spacing:1.5px;color:#917653;}
#momentumDetailPage .momentum-detail-card p{margin:0;font-size:12px;line-height:1.8;color:#50606f;}
#momentumDetailPage .momentum-direction-pair{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:4px;}
#momentumDetailPage .momentum-direction-pair>article{min-height:60px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.57);display:flex;flex-direction:column;justify-content:center;gap:4px;}
#momentumDetailPage .momentum-direction-pair>article em{font-style:normal;font-size:8px;letter-spacing:1px;color:#93a0aa;}#momentumDetailPage .momentum-direction-pair>article b{font-size:12px;line-height:1.35;color:#506271;font-weight:680;}
#momentumDetailPage .momentum-direction-pair>i{font-style:normal;text-align:center;color:#b18d5f;font-size:15px;}
#momentumDetailPage .momentum-vector-list{display:grid;gap:9px;}
#momentumDetailPage .momentum-vector-list article{display:grid;grid-template-columns:58px 1fr 34px;align-items:center;gap:8px;}
#momentumDetailPage .momentum-vector-list article>b{font-size:10px;color:#5c6d7b;font-weight:620;}
#momentumDetailPage .momentum-vector-list article>div{height:5px;border-radius:99px;background:rgba(130,158,179,.12);overflow:hidden;}
#momentumDetailPage .momentum-vector-list article>div>i{display:block;width:calc(var(--momentum-step) * 20%);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(184,151,103,.55),rgba(100,153,183,.74),rgba(137,133,174,.60));box-shadow:0 0 8px rgba(112,151,177,.12);}
#momentumDetailPage .momentum-vector-list article>em{font-style:normal;text-align:right;font-size:8.5px;color:#8695a0;}
#momentumDetailPage .momentum-reasons{display:grid;gap:8px;}
#momentumDetailPage .momentum-reasons article{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.55);}
#momentumDetailPage .momentum-reasons b{font-size:9px;color:#a18561;padding-top:2px;}
#momentumDetailPage .momentum-network>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
#momentumDetailPage .momentum-network button{all:unset;display:flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border-radius:999px;border:1px solid rgba(153,175,195,.22);background:rgba(255,255,255,.58);font-size:9px;color:#667987;cursor:pointer;}
#momentumDetailPage .momentum-network button i{font-style:normal;color:#b08c5d;}#momentumDetailPage .momentum-network button strong{font-weight:650;}
#momentumDetailPage .momentum-detail-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
#momentumDetailPage .momentum-detail-card li{position:relative;padding-left:16px;font-size:12px;line-height:1.7;color:#536372;}
#momentumDetailPage .momentum-detail-card li::before{content:'';position:absolute;left:1px;top:.68em;width:5px;height:5px;border-radius:50%;background:#8ea9bd;box-shadow:0 0 0 4px rgba(142,169,189,.10);}
#momentumDetailPage .momentum-duration strong{display:block;font-size:13px;line-height:1.55;color:#4c5d6c;font-weight:650;}
#momentumDetailPage .momentum-parent{border-color:rgba(185,150,96,.25);background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(237,245,251,.76));}
#momentumDetailPage .momentum-evidence{padding:0 14px;overflow:hidden;}
#momentumDetailPage .momentum-evidence summary{position:relative;list-style:none;min-height:48px;display:flex;align-items:center;cursor:pointer;}
#momentumDetailPage .momentum-evidence summary::-webkit-details-marker{display:none;}#momentumDetailPage .momentum-evidence summary::after{content:'＋';margin-left:auto;font-size:16px;color:#9d825f;}#momentumDetailPage .momentum-evidence[open] summary::after{content:'－';}
#momentumDetailPage .momentum-evidence>div{display:grid;gap:5px;padding:0 0 12px;}#momentumDetailPage .momentum-evidence p{margin:0;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.50);font-size:10px;line-height:1.55;color:#6b7a87;}#momentumDetailPage .momentum-evidence p b{display:inline-block;min-width:66px;margin-right:6px;color:#4f5e6b;}
#momentumDetailPage .momentum-detail-bottom-spacer{height:28px;}
body.momentum-detail-page-active>.bottom,body:has(#momentumDetailPage.active)>.bottom{
  position:fixed!important;inset:auto 0 0 0!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;
  width:min(100%,480px)!important;max-width:480px!important;height:calc(82px + env(safe-area-inset-bottom,0px))!important;margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;
  border-radius:32px 32px 0 0!important;background:rgba(250,251,254,.992)!important;border-top:1px solid rgba(255,255,255,.98)!important;box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  z-index:2147483000!important;visibility:visible!important;opacity:1!important;transform:none!important;translate:none!important;
}
body.momentum-detail-page-active>.bottom>.nav,body:has(#momentumDetailPage.active)>.bottom>.nav{all:unset!important;box-sizing:border-box!important;width:100%!important;height:62px!important;min-height:62px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-family:var(--serif)!important;font-size:12px!important;line-height:1!important;letter-spacing:1.5px!important;color:#707984!important;cursor:pointer!important;}
body.momentum-detail-page-active>.bottom>.nav.active,body:has(#momentumDetailPage.active)>.bottom>.nav.active{color:#86613a!important;}
body.momentum-detail-page-active>.bottom>.nav>.d-nav-svg,body:has(#momentumDetailPage.active)>.bottom>.nav>.d-nav-svg{display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;margin:0!important;}

/* 焦点详情：每次切换时间后重新进入必须从正文顶部开始，禁止保留上一焦点的内部滚动位置。 */
#focusDetailPage .focus-detail-scroll{scroll-behavior:auto!important;overflow-anchor:none!important;}

@media(max-width:420px){
  #pathPage .d-momentum-main h3{font-size:15.5px!important;}
  #pathPage .d-momentum-main p{font-size:9.2px!important;}
  #pathPage .d-momentum-main footer span{font-size:7.8px;}
  #momentumDetailPage #momentumDetailSummary h2{font-size:22px;}
}

/* =========================================================
   V22 · 问事输入法最终稳定层
   - 只允许一套 visualViewport 几何生效；
   - 键盘弹出时，问事页收缩到真实可视区域；
   - 输入框改为页内 absolute 锚定，不再被系统键盘吞到屏幕下方；
   - 键盘收起后立即恢复正常固定布局。
   ========================================================= */
body.destiny-page-active.destiny-keyboard-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--destiny-vv-top,0px)!important;
  bottom:auto!important;
  height:var(--destiny-vv-height,100dvh)!important;
  min-height:0!important;
  max-height:var(--destiny-vv-height,100dvh)!important;
  overflow:hidden!important;
  transition:none!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-shell{
  position:relative!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-composer,
body.destiny-page-active.destiny-keyboard-open #destinyForm.destiny-composer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483000!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-chat{
  padding-bottom:92px!important;
  min-height:0!important;
}
body.destiny-page-active.destiny-keyboard-open>.bottom{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.destiny-page-active:not(.destiny-keyboard-open) #dojoPage.destiny-page{
  top:0!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
}
body.destiny-page-active:not(.destiny-keyboard-open) #destinyForm.destiny-composer{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(var(--nav-height,74px) + env(safe-area-inset-bottom,0px) + 10px)!important;
  width:min(calc(100dvw - 24px),456px)!important;
  max-width:456px!important;
  margin:0!important;
  transform:translate3d(-50%,0,0)!important;
  translate:none!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:760px),(hover:none) and (pointer:coarse){
  body.destiny-page-active #destinyInput,
  body.destiny-page-active .destiny-composer textarea{
    font-size:16px!important;
    line-height:1.45!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
}
body.destiny-page-active #destinyForm.destiny-composer[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* =========================================================
   V40 · 看清当下｜可用之力引擎 + 焦点精炼
   规则来源：《灵境｜看清当下·可用之力引擎 V1.0》
   - 主卡只回答“现在手里有什么牌”；
   - 五层时间切换使用同一引擎、不同语气与短周期约束；
   - 详情页独立真实视口，标题与底部主导航固定，不参与正文滚动。
   ========================================================= */

/* 焦点卡文案更短、更硬，视觉上把标题与一句话拉开。 */
#pathPage .d-focus-main p{
  font-size:11px!important;
  line-height:1.55!important;
  color:#647584!important;
  letter-spacing:.08px!important;
  -webkit-line-clamp:2!important;
}

/* “当前建议”位置升级为“可用之力”：全宽资源牌。 */
#pathPage .d-resource-card{
  all:unset;
  position:relative;
  box-sizing:border-box;
  display:block;
  width:100%;
  min-height:154px;
  margin-top:10px;
  padding:14px 15px 13px;
  overflow:hidden;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.94);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 8%,rgba(194,218,236,.64),transparent 32%),
    radial-gradient(circle at 12% 100%,rgba(226,210,184,.36),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,246,251,.79));
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(135,161,181,.10),0 11px 28px rgba(82,109,133,.11);
  color:#2f3943;
  isolation:isolate;
}
#pathPage .d-resource-card::before{
  content:'';
  position:absolute;
  left:0;top:14px;bottom:14px;
  width:2px;
  border-radius:99px;
  background:linear-gradient(180deg,rgba(189,151,94,.22),rgba(102,155,184,.78),rgba(149,136,176,.38));
  box-shadow:0 0 16px rgba(106,155,184,.20);
}
#pathPage .d-resource-card::after{
  content:'';
  position:absolute;
  width:128px;height:128px;
  right:-54px;top:-66px;
  border:1px solid rgba(123,164,190,.10);
  border-radius:50%;
  box-shadow:0 0 0 17px rgba(255,255,255,.16),0 0 0 34px rgba(164,196,215,.055);
  pointer-events:none;
}
#pathPage .d-resource-glow{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(112deg,transparent 8%,rgba(255,255,255,.30) 42%,transparent 66%);
  transform:translateX(-46%);
  opacity:.72;
}
#pathPage .d-resource-card:active{transform:scale(.992);filter:brightness(.992);}
#pathPage .d-resource-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
#pathPage .d-resource-card>header>span{font-size:10px;letter-spacing:2.1px;color:#6d7f8e;font-weight:650;}
#pathPage .d-resource-card>header>em{font-style:normal;font-size:10px;letter-spacing:.9px;color:#957651;white-space:nowrap;}
#pathPage .d-resource-card>header>em i{font-style:normal;font-size:14px;margin-left:2px;}
#pathPage .d-resource-core{display:grid;grid-template-columns:43px minmax(0,1fr);gap:11px;align-items:start;}
#pathPage .d-resource-core>b{
  width:41px;height:41px;border-radius:14px;
  display:grid;place-items:center;
  font-family:var(--serif);font-size:21px;font-weight:500;
  color:#7d6a53;
  background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(232,242,249,.88));
  border:1px solid rgba(255,255,255,.96);
  box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(91,118,142,.08);
}
#pathPage .d-resource-core small{display:block;margin:0 0 2px;font-size:8.5px;letter-spacing:1.4px;color:#8c9aa5;}
#pathPage .d-resource-core h3{margin:0!important;font-family:var(--serif);font-size:21px!important;line-height:1.22!important;letter-spacing:.8px!important;font-weight:720!important;color:#2d3741!important;}
#pathPage .d-resource-core p{margin:5px 0 0!important;max-width:360px;font-size:11.2px!important;line-height:1.62!important;color:#60717f!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#pathPage .d-resource-card>footer{display:flex;align-items:center;gap:6px;margin-top:11px;min-width:0;}
#pathPage .d-resource-card>footer>span{min-width:0;max-width:32%;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(149,174,194,.20);font-size:8.5px;line-height:1;color:#677b8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pathPage .d-resource-card>footer>em{margin-left:auto;font-style:normal;font-size:8.5px;letter-spacing:.9px;color:#9b7a50;white-space:nowrap;}
#pathPage .d-resource-card.is-conservative{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,246,249,.82));}
#pathPage .d-resource-card.is-empty{min-height:108px;display:flex;flex-direction:column;justify-content:center;gap:8px;}
#pathPage .d-resource-card.is-empty>span{font-size:10px;letter-spacing:2px;color:#718391;}
#pathPage .d-resource-card.is-empty>p{margin:0;font-size:11px;line-height:1.65;color:#667887;}

/* 可用之力详情页：头部与主导航使用与“焦点 / 提醒 / 时势”完全相同的物理基线。 */
body.resource-detail-page-active{overflow:hidden!important;touch-action:auto!important;}
#resourceDetailPage.resource-detail-page{
  --resource-head-h:calc(58px + env(safe-area-inset-top,0px));
  --resource-nav-h:calc(82px + env(safe-area-inset-bottom,0px));
  position:fixed!important;
  inset:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(211,231,243,.82),transparent 31%),
    radial-gradient(circle at 90% 16%,rgba(239,226,204,.46),transparent 34%),
    linear-gradient(180deg,#f9fbfd 0%,#f1f5f9 52%,#edf2f7 100%)!important;
  z-index:2147481100!important;
  transform:none!important;
  transition:none!important;
}
#resourceDetailPage.resource-detail-page:not(.active){display:none!important;}
#resourceDetailPage.resource-detail-page.active{display:block!important;}
#resourceDetailPage .resource-detail-head{
  position:absolute!important;inset:0 0 auto 0!important;width:100%!important;
  height:var(--resource-head-h)!important;min-height:var(--resource-head-h)!important;
  padding:env(safe-area-inset-top,0px) 14px 6px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:72px minmax(0,1fr) 72px!important;align-items:center!important;
  z-index:30!important;
  background:linear-gradient(180deg,rgba(249,252,254,.998),rgba(248,251,253,.968))!important;
  border-bottom:1px solid rgba(216,228,238,.84)!important;
  box-shadow:0 7px 24px rgba(82,109,132,.055)!important;
}
#resourceDetailPage .resource-detail-head>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:3px;height:38px;padding:0 4px;cursor:pointer;color:#647585;font-size:10px;letter-spacing:.6px;}
#resourceDetailPage .resource-detail-head>button .d-icon{width:24px;height:24px;}
#resourceDetailPage .resource-detail-head>div{text-align:center;min-width:0;}
#resourceDetailPage .resource-detail-head small{display:block;margin-bottom:1px;font-size:8.5px;line-height:1;letter-spacing:2px;color:#9a7b55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#resourceDetailPage .resource-detail-head h1{margin:0;font-family:var(--serif);font-size:20px;line-height:1.15;letter-spacing:1.3px;font-weight:720;color:#303842;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#resourceDetailPage .resource-detail-head-spacer{width:72px;}
#resourceDetailPage .resource-detail-scroll{
  position:absolute!important;
  inset:var(--resource-head-h) 0 var(--resource-nav-h) 0!important;
  padding:0 14px 30px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;
  scrollbar-width:none!important;scroll-behavior:auto!important;overflow-anchor:none!important;
}
#resourceDetailPage .resource-detail-scroll::-webkit-scrollbar{display:none!important;}
#resourceDetailPage .resource-detail-hero{padding:18px 4px 13px;text-align:center;}
#resourceDetailPage .resource-state{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 11px;border-radius:999px;border:1px solid rgba(179,146,96,.26);background:linear-gradient(145deg,rgba(255,253,249,.95),rgba(236,244,250,.86));font-size:9px;letter-spacing:1.4px;color:#8c704e;box-shadow:inset 0 1px 0 rgba(255,255,255,.98);}
#resourceDetailPage #resourceDetailSummary{max-width:385px;margin:10px auto 0;font-family:var(--serif);font-size:15px;line-height:1.72;letter-spacing:.25px;color:#455461;}
#resourceDetailPage .resource-scope-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:15px 0 0;padding:4px;border-radius:16px;background:rgba(224,234,242,.55);border:1px solid rgba(255,255,255,.84);box-shadow:inset 0 1px 4px rgba(104,132,155,.06);}
#resourceDetailPage .resource-scope-tabs button{height:31px;padding:0 2px;border:0;border-radius:12px;background:transparent;color:#788997;font-size:10px;letter-spacing:.5px;box-shadow:none;}
#resourceDetailPage .resource-scope-tabs button[aria-pressed="true"]{color:#735a3d;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,247,242,.92));box-shadow:0 4px 12px rgba(82,108,130,.09),inset 0 1px 0 #fff;}
#resourceDetailPage .resource-detail-tabs{display:flex;justify-content:center;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
#resourceDetailPage .resource-detail-tabs::-webkit-scrollbar{display:none;}
#resourceDetailPage .resource-detail-tabs button{flex:0 0 auto;height:29px;padding:0 11px;border-radius:999px;border:1px solid rgba(151,176,196,.22);background:rgba(255,255,255,.54);font-size:9px;letter-spacing:.8px;color:#708391;white-space:nowrap;}
#resourceDetailPage .resource-detail-tabs button[aria-pressed="true"]{color:#6f583d;border-color:rgba(181,146,95,.38);background:linear-gradient(145deg,rgba(255,253,249,.96),rgba(238,246,251,.88));box-shadow:0 4px 14px rgba(91,113,133,.07);}
#resourceDetailPage .resource-detail-body{display:grid;gap:10px;padding-bottom:4px;}
#resourceDetailPage .resource-detail-card,#resourceDetailPage .resource-evidence{position:relative;border:1px solid rgba(255,255,255,.94);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(241,247,251,.74));box-shadow:inset 0 1px 0 #fff,0 9px 24px rgba(87,108,128,.075);}
#resourceDetailPage .resource-detail-card{padding:16px 15px 15px;overflow:hidden;}
#resourceDetailPage .resource-detail-card>span{position:absolute;right:14px;top:12px;font-size:8.5px;letter-spacing:1.5px;color:rgba(157,128,88,.52);}
#resourceDetailPage .resource-detail-card>small,#resourceDetailPage .resource-evidence summary>small{display:block;margin-bottom:10px;font-size:10px;letter-spacing:1.55px;color:#927653;}
#resourceDetailPage .resource-detail-card>p{margin:0;font-size:12.2px;line-height:1.88;color:#4f606f;}
#resourceDetailPage .resource-detail-intro{background:linear-gradient(145deg,rgba(255,254,251,.96),rgba(237,246,252,.80));}
#resourceDetailPage .resource-detail-intro>p{font-size:13px;line-height:1.92;color:#455461;}
#resourceDetailPage .resource-composite-card{border-color:rgba(190,154,98,.28);background:radial-gradient(circle at 90% 10%,rgba(229,212,182,.25),transparent 40%),linear-gradient(145deg,rgba(255,254,250,.96),rgba(240,247,251,.80));}
#resourceDetailPage .resource-composite-card h3{margin:0 0 7px;font-family:var(--serif);font-size:19px;line-height:1.25;color:#384550;letter-spacing:.5px;}
#resourceDetailPage .resource-source-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px;}
#resourceDetailPage .resource-source-list b{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(152,176,195,.22);font-size:10px;font-weight:650;color:#5e7180;}
#resourceDetailPage .resource-flow{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:3px;margin:2px 0 10px;}
#resourceDetailPage .resource-flow>b,#resourceDetailPage .resource-flow>strong{min-height:44px;padding:8px 6px;border-radius:13px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.64);border:1px solid rgba(151,176,196,.21);font-size:9.5px;line-height:1.35;color:#5b6e7d;font-weight:650;}
#resourceDetailPage .resource-flow>strong{color:#735c40;border-color:rgba(185,150,98,.26);background:linear-gradient(145deg,rgba(255,253,249,.90),rgba(238,246,251,.82));}
#resourceDetailPage .resource-flow>i{font-style:normal;text-align:center;color:#ad895c;font-size:14px;}
#resourceDetailPage .resource-target-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
#resourceDetailPage .resource-target-list em{font-style:normal;padding:4px 8px;border-radius:999px;background:rgba(238,245,250,.78);font-size:8.5px;color:#718391;}
#resourceDetailPage .resource-use-card ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
#resourceDetailPage .resource-use-card li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.56);}
#resourceDetailPage .resource-use-card li>b{font-size:8.5px;letter-spacing:1px;color:#a1835e;padding-top:2px;}
#resourceDetailPage .resource-use-card li>p{margin:0;font-size:11.5px;line-height:1.72;color:#536575;}
#resourceDetailPage .resource-strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
#resourceDetailPage .resource-strategy-grid article{min-height:112px;padding:10px 9px;border-radius:14px;background:rgba(255,255,255,.58);border:1px solid rgba(152,176,195,.16);}
#resourceDetailPage .resource-strategy-grid b{display:block;margin-bottom:7px;font-size:9px;letter-spacing:1.1px;color:#9a7a52;}
#resourceDetailPage .resource-strategy-grid p{margin:0;font-size:10px;line-height:1.62;color:#5c6d7b;}
#resourceDetailPage .resource-vector-list{display:grid;gap:9px;}
#resourceDetailPage .resource-vector-list article{display:grid;grid-template-columns:58px minmax(0,1fr) 37px;align-items:center;gap:8px;}
#resourceDetailPage .resource-vector-list article>b{font-size:9.5px;color:#5f707f;font-weight:620;}
#resourceDetailPage .resource-vector-list article>div{height:5px;border-radius:99px;background:rgba(130,158,179,.12);overflow:hidden;}
#resourceDetailPage .resource-vector-list article>div>i{display:block;width:var(--resource-level);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(188,153,102,.52),rgba(96,154,184,.76),rgba(142,135,177,.58));box-shadow:0 0 8px rgba(112,151,177,.12);}
#resourceDetailPage .resource-vector-list article>em{font-style:normal;text-align:right;font-size:8.5px;color:#8695a0;}
#resourceDetailPage .resource-cost-card{border-color:rgba(203,174,132,.27);background:linear-gradient(145deg,rgba(255,253,249,.96),rgba(247,242,234,.78));}
#resourceDetailPage .resource-window-card h3{margin:0 0 5px;font-family:var(--serif);font-size:18px;line-height:1.25;color:#394751;}
#resourceDetailPage .resource-guardrail-card{background:linear-gradient(145deg,rgba(249,252,254,.95),rgba(241,244,249,.82));}
#resourceDetailPage .resource-evidence{padding:0 14px;overflow:hidden;}
#resourceDetailPage .resource-evidence summary{position:relative;list-style:none;min-height:49px;display:flex;align-items:center;cursor:pointer;}
#resourceDetailPage .resource-evidence summary::-webkit-details-marker{display:none;}
#resourceDetailPage .resource-evidence summary>small{margin:0;}
#resourceDetailPage .resource-evidence summary>span{margin-left:8px;font-size:7px;letter-spacing:1.3px;color:#a2adb5;}
#resourceDetailPage .resource-evidence summary::after{content:'＋';margin-left:auto;font-size:16px;color:#9d825f;}
#resourceDetailPage .resource-evidence[open] summary::after{content:'－';}
#resourceDetailPage .resource-evidence>div{display:grid;gap:5px;padding:0 0 12px;}
#resourceDetailPage .resource-evidence p{margin:0;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.52);font-size:9.5px;line-height:1.55;color:#6a7a87;}
#resourceDetailPage .resource-evidence p b{display:inline-block;min-width:64px;margin-right:6px;color:#4e5f6d;}
#resourceDetailPage .resource-evidence p i{float:right;font-style:normal;color:#a07e54;}
#resourceDetailPage .resource-detail-bottom-spacer{height:30px;}

/* 详情页底部导航永远锁在物理屏幕底边，不跟随正文、标题或 safe-area 发生二次位移。 */
body.resource-detail-page-active>.bottom,
body:has(#resourceDetailPage.active)>.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;bottom:0!important;left:0!important;right:0!important;
  width:min(100%,480px)!important;max-width:480px!important;
  height:calc(82px + env(safe-area-inset-bottom,0px))!important;
  margin:0 auto!important;
  padding:7px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;
  border-radius:32px 32px 0 0!important;
  background:rgba(250,251,254,.992)!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -7px 28px rgba(117,139,160,.065)!important;
  z-index:2147483000!important;
  visibility:visible!important;opacity:1!important;
  transform:none!important;translate:none!important;
}
body.resource-detail-page-active>.bottom>.nav,
body:has(#resourceDetailPage.active)>.bottom>.nav{
  all:unset!important;box-sizing:border-box!important;width:100%!important;height:62px!important;min-height:62px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  font-family:var(--serif)!important;font-size:12px!important;line-height:1!important;letter-spacing:1.5px!important;color:#707984!important;cursor:pointer!important;
}
body.resource-detail-page-active>.bottom>.nav.active,body:has(#resourceDetailPage.active)>.bottom>.nav.active{color:#86613a!important;}
body.resource-detail-page-active>.bottom>.nav>.d-nav-svg,body:has(#resourceDetailPage.active)>.bottom>.nav>.d-nav-svg{display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;margin:0!important;}

@media(max-width:420px){
  #pathPage .d-resource-card{min-height:150px;padding:13px 13px 12px;}
  #pathPage .d-resource-core{grid-template-columns:39px minmax(0,1fr);gap:9px;}
  #pathPage .d-resource-core>b{width:38px;height:38px;border-radius:13px;font-size:19px;}
  #pathPage .d-resource-core h3{font-size:19px!important;}
  #pathPage .d-resource-core p{font-size:10.7px!important;}
  #resourceDetailPage .resource-strategy-grid{grid-template-columns:1fr;}
  #resourceDetailPage .resource-strategy-grid article{min-height:0;}
  #resourceDetailPage #resourceDetailSummary{font-size:14px;}
}
#focusDetailPage .focus-decision-checks{background:linear-gradient(145deg,rgba(252,254,255,.94),rgba(237,246,251,.78));}
#focusDetailPage .focus-boundary{border-color:rgba(188,155,106,.24);background:linear-gradient(145deg,rgba(255,253,249,.94),rgba(244,247,250,.78));}
#focusDetailPage .focus-boundary p{margin:0;font-size:12px;line-height:1.82;color:#536473;}

/* =========================================================
   V42 · 问事固定框架 / 单一聊天滚动层 / 记录面板滚动解耦
   - 标题、头图、分类条固定在页面上半部，不参与纵向滚动；
   - 底部主导航、输入框与发送按钮保持固定；
   - 只有 #destinyChat 可以纵向滚动；
   - “我的记录”只保留一个滚动容器，避免 iOS 拉到底部后滚动链卡死。
   ========================================================= */
body.destiny-page-active #dojoPage.destiny-page{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.destiny-page-active #dojoPage .destiny-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.destiny-page-active #dojoPage .destiny-head{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  touch-action:manipulation!important;
}
body.destiny-page-active #dojoPage .d-question-hero{
  position:absolute!important;
  pointer-events:none!important;
  touch-action:none!important;
}
body.destiny-page-active #dojoPage .destiny-category-bar{
  grid-column:1!important;
  grid-row:2!important;
  min-width:0!important;
  flex:0 0 auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:none!important;
  touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;
}
body.destiny-page-active #dojoPage .destiny-chat{
  grid-column:1!important;
  grid-row:3!important;
  position:relative!important;
  z-index:4!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding-top:12px!important;
  padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  scrollbar-width:none!important;
}
body.destiny-page-active #dojoPage .destiny-chat::-webkit-scrollbar{display:none!important;}
body.destiny-page-active #dojoPage .destiny-status{
  position:absolute!important;
  z-index:30!important;
  left:8px!important;
  right:8px!important;
  bottom:96px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
body.destiny-page-active #dojoPage #destinyForm.destiny-composer{
  position:fixed!important;
  z-index:2147483000!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(82px + env(safe-area-inset-bottom,0px) + 8px)!important;
  width:min(calc(100dvw - 24px),456px)!important;
  max-width:456px!important;
  margin:0!important;
  transform:translate3d(-50%,0,0)!important;
  translate:none!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage #destinyForm.destiny-composer{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-chat{
  padding-bottom:96px!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-status{
  bottom:72px!important;
}

/* 旧版独立“重新提问 · 说清楚下一件事”入口彻底退出布局。 */
body.destiny-page-active #dawnQuestionRestart{display:none!important;}

/* “我的记录”：固定卡片本身不滚，只让列表滚。去掉大面积 backdrop-filter，降低 iOS 合成层压力。 */
body.destiny-page-active .destiny-records-panel{
  position:fixed!important;
  z-index:2147483300!important;
  top:max(12px,calc(env(safe-area-inset-top,0px) + 10px))!important;
  bottom:calc(82px + env(safe-area-inset-bottom,0px) + 12px)!important;
  left:max(12px,calc((100dvw - 456px)/2))!important;
  right:max(12px,calc((100dvw - 456px)/2))!important;
  inset-inline:auto!important;
  width:auto!important;
  max-width:456px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:auto!important;
  background:rgba(248,251,254,.995)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  border-radius:24px!important;
  box-shadow:0 16px 52px rgba(83,108,132,.15),inset 0 1px 0 #fff!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  contain:layout paint!important;
  transform:translateY(6px)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
body.destiny-page-active .destiny-records-panel.open{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
body.destiny-page-active .destiny-records-head{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  padding:15px 16px 12px!important;
  background:rgba(248,251,254,.998)!important;
  border-bottom:1px solid rgba(214,226,236,.72)!important;
  touch-action:manipulation!important;
}
body.destiny-page-active .destiny-records-list{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 12px calc(20px + env(safe-area-inset-bottom,0px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  scrollbar-width:none!important;
  background:transparent!important;
}
body.destiny-page-active .destiny-records-list::-webkit-scrollbar{display:none!important;}
body.destiny-records-open #dojoPage .destiny-chat{
  overflow:hidden!important;
  pointer-events:none!important;
}
body.destiny-records-open #destinyForm.destiny-composer{
  pointer-events:none!important;
}
@media(max-width:480px){
  body.destiny-page-active .destiny-records-panel{
    left:10px!important;
    right:10px!important;
    max-width:none!important;
    border-radius:22px!important;
  }
}


/* =========================================================
   V43 · 问事记录显隐硬隔离
   修复：进入问事页面记录层误弹出、关闭后仍占据前景。
   hidden 是最终真值；只有 body + open + 非 hidden 三条件同时成立才显示。
   ========================================================= */
body.destiny-page-active #dojoPage #destinyRecordsPanel[hidden],
body.destiny-page-active:not(.destiny-records-open) #dojoPage #destinyRecordsPanel{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.destiny-page-active.destiny-records-open #dojoPage #destinyRecordsPanel.open:not([hidden]){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* =========================================================
   V44 · 问事头部固定 / 全宽头图柔化 / 照见头图延伸至内外观中线
   1) 问事：标题、头图、分类条均成为固定网格行，仅聊天区滚动。
   2) 问事：移动端头图横向严格等于物理屏幕宽度，底部柔化融入聊天区。
   3) 照见：头图可见底缘精确落在“内观 / 外观”按钮垂直中线，并保留柔化过渡。
   ========================================================= */
body.destiny-page-active,
body.destiny-page-active .app,
body.destiny-page-active #dojoPage.destiny-page,
body.destiny-page-active #dojoPage .destiny-shell{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.destiny-page-active #dojoPage.destiny-page{
  top:0!important;
  left:0!important;
  right:0!important;
  height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;
  padding:0 10px 6px!important;
}
body.destiny-page-active #dojoPage .destiny-shell{
  --destiny-fixed-hero-h:clamp(148px,42vw,188px);
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto var(--destiny-fixed-hero-h) auto minmax(0,1fr)!important;
  align-content:stretch!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
}
body.destiny-page-active #dojoPage .destiny-head{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:10!important;
  min-height:88px!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 5px) 2px 6px!important;
  transform:none!important;
  translate:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  z-index:1!important;
  top:auto!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:100dvw!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  transform:translate3d(-50%,0,0)!important;
  translate:none!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(247,250,254,.015) 0%,rgba(247,250,254,.045) 58%,rgba(244,246,250,.26) 78%,rgba(244,246,250,.88) 100%),
    url(../../../assets/dawn-world-mobile.webp) center 42%/cover no-repeat!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero::before{
  content:none!important;
  display:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:46%!important;
  background:linear-gradient(to bottom,rgba(244,246,250,0) 0%,rgba(244,246,250,.10) 28%,rgba(244,246,250,.42) 62%,rgba(244,246,250,.90) 90%,#f4f6fa 100%)!important;
  pointer-events:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero>img{
  display:none!important;
  visibility:hidden!important;
}
body.destiny-page-active #dojoPage .destiny-category-bar{
  grid-column:1!important;
  grid-row:3!important;
  position:relative!important;
  z-index:12!important;
  margin:0!important;
  padding:7px 0 9px!important;
  min-height:52px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:none!important;
  transform:none!important;
  translate:none!important;
}
body.destiny-page-active #dojoPage .destiny-chat{
  grid-column:1!important;
  grid-row:4!important;
  position:relative!important;
  z-index:8!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:12px 2px calc(160px + env(safe-area-inset-bottom,0px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-shell{
  grid-template-rows:auto var(--destiny-fixed-hero-h) auto minmax(0,1fr)!important;
}
@media(min-width:601px){
  body.destiny-page-active #dojoPage .d-question-hero{
    width:min(100%,820px)!important;
    left:50%!important;
  }
}
@media(max-width:600px){
  #homePage.d-home{
    --home-dual-half:50px;
  }
  #homePage.d-home>#homeContent{
    padding-top:calc(var(--home-hero-natural-h) - var(--home-head-h) - var(--home-dual-half))!important;
  }
  #homePage.d-home>#noProfile{
    padding-top:calc(var(--home-hero-natural-h) - var(--home-head-h) - 42px)!important;
  }
  #homePage.d-home .d-dual{
    margin-top:0!important;
  }
  #homePage.d-home>.d-hero{
    height:calc(var(--home-hero-natural-h) + env(safe-area-inset-top,0px))!important;
    overflow:hidden!important;
  }
  #homePage.d-home>.d-hero>img{
    top:0!important;
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.98) 80%,rgba(0,0,0,.78) 89%,rgba(0,0,0,.36) 96%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.98) 80%,rgba(0,0,0,.78) 89%,rgba(0,0,0,.36) 96%,transparent 100%)!important;
  }
  #homePage.d-home>.d-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:92px!important;
    background:linear-gradient(to bottom,rgba(244,246,250,0) 0%,rgba(244,246,250,.10) 28%,rgba(244,246,250,.46) 66%,rgba(244,246,250,.90) 92%,#f4f6fa 100%)!important;
    pointer-events:none!important;
  }
}

/* =========================================================
   V45 · 问事头部真正锁定 + 全屏头图 + 照见首页头图向下延伸
   目标：
   1) 问事页标题 / 头图 / 分类全部固定，只有聊天区滚动；
   2) 问事头图在手机端严格对齐物理屏幕宽度，从物理顶部开始，不再下移；
   3) 照见首页不再把“内观/外观”往上提来制造重叠，而是让照片本身向下延伸到双卡中线；
   4) 两张头图底部均使用真实渐隐过渡，不截断、不硬切。
   ========================================================= */

/* ---------- 问事：整个页面本身不允许滚，锁定为真实视口 ---------- */
body.destiny-page-active,
body.destiny-page-active .app{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.destiny-page-active .app{
  height:100dvh!important;
  min-height:100dvh!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.destiny-page-active #dojoPage.destiny-page{
  position:fixed!important;
  z-index:60!important;
  top:0!important;
  bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  left:50%!important;
  right:auto!important;
  width:min(100dvw,480px)!important;
  max-width:480px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 16px!important;
  transform:translate3d(-50%,0,0)!important;
  translate:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.destiny-page-active #dojoPage .destiny-shell{
  --destiny-head-h:94px;
  --destiny-hero-h:226px;
  --destiny-cat-top:96px;
  --destiny-cat-h:50px;
  --destiny-chat-top:204px;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  overscroll-behavior:none!important;
}

/* 标题区：固定在物理顶部，覆盖在图片之上。 */
body.destiny-page-active #dojoPage .destiny-head{
  position:absolute!important;
  z-index:30!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  height:var(--destiny-head-h)!important;
  min-height:0!important;
  max-height:var(--destiny-head-h)!important;
  margin:0!important;
  padding:calc(env(safe-area-inset-top,0px) + 9px) 2px 6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
  flex:none!important;
}
body.destiny-page-active #dojoPage .destiny-head>div{
  padding-top:0!important;
}
body.destiny-page-active #dojoPage .destiny-records-btn{
  margin-top:calc(env(safe-area-inset-top,0px) + 3px)!important;
}

/* 头图：不放到标题下面，而是从页面物理顶部铺起，标题与分类叠在图上。 */
body.destiny-page-active #dojoPage .d-question-hero{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:100dvw!important;
  max-width:none!important;
  height:calc(var(--destiny-hero-h) + env(safe-area-inset-top,0px))!important;
  min-height:0!important;
  margin:0!important;
  transform:translate3d(-50%,0,0)!important;
  translate:none!important;
  border-radius:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(247,250,254,.01) 0%,rgba(247,250,254,.025) 48%,rgba(244,246,250,.16) 72%,rgba(244,246,250,.72) 91%,#f4f6fa 100%),
    url(../../../assets/dawn-world-mobile.webp) center 42%/cover no-repeat!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero::before{
  content:none!important;
  display:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:96px!important;
  background:linear-gradient(to bottom,rgba(244,246,250,0) 0%,rgba(244,246,250,.08) 28%,rgba(244,246,250,.34) 57%,rgba(244,246,250,.78) 84%,#f4f6fa 100%)!important;
  pointer-events:none!important;
}
body.destiny-page-active #dojoPage .d-question-hero>img{
  display:none!important;
  visibility:hidden!important;
}

/* 分类：固定在头图内，不跟聊天滚动。 */
body.destiny-page-active #dojoPage .destiny-category-bar{
  position:absolute!important;
  z-index:32!important;
  top:calc(var(--destiny-cat-top) + env(safe-area-inset-top,0px))!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  height:var(--destiny-cat-h)!important;
  min-height:var(--destiny-cat-h)!important;
  max-height:var(--destiny-cat-h)!important;
  margin:0!important;
  padding:5px 0 7px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:none!important;
  transform:none!important;
  translate:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.destiny-page-active #dojoPage .destiny-category-bar::before{
  content:none!important;
  display:none!important;
}
body.destiny-page-active #dojoPage .destiny-category-bar button{
  flex:0 0 auto!important;
}

/* 唯一滚动层：严格夹在固定头部与固定输入框之间。 */
body.destiny-page-active #dojoPage .destiny-chat{
  position:absolute!important;
  z-index:10!important;
  top:calc(var(--destiny-chat-top) + env(safe-area-inset-top,0px))!important;
  left:0!important;
  right:0!important;
  bottom:78px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 2px 18px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  transform:none!important;
  translate:none!important;
}
body.destiny-page-active #dojoPage .destiny-status{
  position:absolute!important;
  z-index:34!important;
  left:4px!important;
  right:4px!important;
  bottom:70px!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}

/* 键盘打开时只缩短聊天区，不改变头图、标题、分类的固定坐标。 */
body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
  position:fixed!important;
  top:var(--destiny-vv-top,0px)!important;
  bottom:auto!important;
  height:var(--destiny-vv-height,100dvh)!important;
  min-height:0!important;
  max-height:var(--destiny-vv-height,100dvh)!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-shell{
  display:block!important;
  height:100%!important;
}
body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-chat{
  bottom:82px!important;
}

/* 手机：问事头图宽度严格等于物理屏幕宽度。 */
@media(max-width:600px){
  body.destiny-page-active #dojoPage.destiny-page{
    width:100dvw!important;
    max-width:none!important;
  }
  body.destiny-page-active #dojoPage .d-question-hero{
    width:100dvw!important;
    max-width:none!important;
  }
}

/* ---------- 照见首页：不再上移双卡，直接让照片本身向下延伸 ---------- */
@media(max-width:600px){
  #homePage.d-home{
    --home-dual-half:50px;
    --home-hero-extended-h:calc(var(--home-hero-natural-h) + var(--home-dual-half));
  }
  /* 图片容器从物理顶部开始，并比原图区域向下多延伸半张双卡。 */
  #homePage.d-home>.d-hero{
    position:absolute!important;
    z-index:0!important;
    top:calc(-1 * env(safe-area-inset-top,0px))!important;
    left:50%!important;
    right:auto!important;
    width:100dvw!important;
    max-width:none!important;
    height:calc(var(--home-hero-extended-h) + env(safe-area-inset-top,0px))!important;
    min-height:0!important;
    margin:0!important;
    transform:translate3d(-50%,0,0)!important;
    translate:none!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#f4f6fa!important;
    pointer-events:none!important;
  }
  #homePage.d-home>.d-hero>img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:none!important;
    animation:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  /* 柔化发生在真正延伸后的底部，而不是提前把图片裁掉。 */
  #homePage.d-home>.d-hero::before{
    content:none!important;
    display:none!important;
  }
  #homePage.d-home>.d-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:118px!important;
    background:linear-gradient(to bottom,rgba(244,246,250,0) 0%,rgba(244,246,250,.06) 24%,rgba(244,246,250,.28) 52%,rgba(244,246,250,.70) 80%,#f4f6fa 100%)!important;
    pointer-events:none!important;
  }
  /* 双卡保持正常位置，不再为了重叠而向上抬。照片向下延伸覆盖到双卡中线。 */
  #homePage.d-home>#homeContent{
    padding-top:max(0px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px)))!important;
  }
  #homePage.d-home>#noProfile{
    padding-top:max(10px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px) + 8px))!important;
  }
  #homePage.d-home .d-dual{
    position:relative!important;
    z-index:4!important;
    margin-top:0!important;
  }
}

/* =========================================================
   V46 · 问事键盘横移彻底修复 / 头部无遮挡 / 双端全宽头图 / 首页头图净化柔化
   2026-09-16
   ========================================================= */

/* ---------- 问事：手机端页面几何彻底脱离 50% + translate，避免 visualViewport 改变后整体横移 ---------- */
@media(max-width:600px){
  html,
  body,
  body.destiny-page-active,
  body.destiny-page-active .app{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.destiny-page-active .app{
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.destiny-page-active #dojoPage.destiny-page,
  body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
    position:fixed!important;
    z-index:60!important;
    top:0!important;
    bottom:auto!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.destiny-page-active #dojoPage.destiny-page{
    height:calc(100dvh - 82px - env(safe-area-inset-bottom,0px))!important;
    min-height:0!important;
  }
  body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
    height:var(--destiny-vv-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--destiny-vv-height,100dvh)!important;
  }
  body.destiny-page-active #dojoPage .destiny-shell{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  /* 头图与屏幕严格同宽：不再使用 left:50%/translate，直接贴 viewport 两边。 */
  body.destiny-page-active #dojoPage .d-question-hero{
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:252px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body.destiny-page-active #dojoPage .d-question-hero::before{
    content:none!important;
    display:none!important;
  }
  body.destiny-page-active #dojoPage .d-question-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:-1px!important;
    height:112px!important;
    background:linear-gradient(180deg,
      rgba(244,246,250,0) 0%,
      rgba(244,246,250,.08) 24%,
      rgba(244,246,250,.28) 48%,
      rgba(244,246,250,.66) 72%,
      rgba(244,246,250,.94) 92%,
      #f4f6fa 100%)!important;
    pointer-events:none!important;
  }
  body.destiny-page-active #dojoPage .d-question-hero>img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center 44%!important;
    mix-blend-mode:normal!important;
    transform:none!important;
    animation:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  /* 标题区固定在最上层，给安全区和完整三行文案留足高度，禁止再裁字。 */
  body.destiny-page-active #dojoPage .destiny-head{
    position:absolute!important;
    z-index:40!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
    max-height:none!important;
    margin:0!important;
    padding:calc(env(safe-area-inset-top,0px) + 13px) 16px 10px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:visible!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
    pointer-events:auto!important;
  }
  body.destiny-page-active #dojoPage .destiny-head>div{
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  body.destiny-page-active #dojoPage .destiny-head small{
    display:none!important;
  }
  body.destiny-page-active #dojoPage .destiny-head h2{
    margin:0!important;
    padding:0!important;
    font-size:26px!important;
    line-height:1.2!important;
    letter-spacing:2px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body.destiny-page-active #dojoPage .destiny-head p{
    display:block!important;
    margin:5px 0 0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1.45!important;
    letter-spacing:1.5px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    opacity:.82!important;
  }
  body.destiny-page-active #dojoPage .destiny-records-btn{
    flex:0 0 auto!important;
    margin:2px 0 0!important;
    min-height:36px!important;
    padding:0 11px!important;
    align-self:flex-start!important;
  }

  /* 分类也固定；聊天从图片柔化后的区域开始，只有聊天可滚动。 */
  body.destiny-page-active #dojoPage .destiny-category-bar{
    position:absolute!important;
    z-index:42!important;
    top:calc(env(safe-area-inset-top,0px) + 118px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    margin:0!important;
    padding:5px 14px 7px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    transform:none!important;
    translate:none!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.destiny-page-active #dojoPage .destiny-chat{
    position:absolute!important;
    z-index:10!important;
    top:218px!important;
    left:0!important;
    right:0!important;
    bottom:76px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 16px 22px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    transform:none!important;
    translate:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
  }
  body.destiny-page-active.destiny-keyboard-open #dojoPage .destiny-chat{
    top:218px!important;
    bottom:82px!important;
    padding-bottom:18px!important;
  }

  /* 输入框永远按左右边距定位，不再通过 50% + translate 居中。 */
  body.destiny-page-active #dojoPage #destinyForm.destiny-composer,
  body.destiny-page-active:not(.destiny-keyboard-open) #destinyForm.destiny-composer{
    position:fixed!important;
    z-index:2147483000!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px) + 8px)!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
  }
  body.destiny-page-active.destiny-keyboard-open #dojoPage #destinyForm.destiny-composer{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
  }
  body.destiny-page-active #destinyInput,
  body.destiny-page-active .destiny-composer textarea{
    font-size:16px!important;
    line-height:1.45!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
    touch-action:manipulation!important;
  }
}

/* ---------- 照见首页：清掉左上角旧图层/光斑，只保留真实照片 + 底部柔化 ---------- */
@media(max-width:600px){
  #homePage.d-home>.d-hero{
    position:absolute!important;
    z-index:0!important;
    top:calc(-1 * env(safe-area-inset-top,0px))!important;
    left:calc(50% - 50dvw)!important;
    right:auto!important;
    width:100dvw!important;
    max-width:none!important;
    height:calc(var(--home-hero-natural-h) + 52px + env(safe-area-inset-top,0px))!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    isolation:isolate!important;
    pointer-events:none!important;
  }
  #homePage.d-home>.d-hero::before{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
    animation:none!important;
  }
  #homePage.d-home>.d-hero>img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    min-width:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    mix-blend-mode:normal!important;
    transform:none!important;
    translate:none!important;
    animation:none!important;
    filter:none!important;
    clip-path:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    background:transparent!important;
    border:0!important;
  }
  #homePage.d-home>.d-hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:3!important;
    left:-1px!important;
    right:-1px!important;
    bottom:-1px!important;
    height:126px!important;
    background:linear-gradient(180deg,
      rgba(244,246,250,0) 0%,
      rgba(244,246,250,.05) 20%,
      rgba(244,246,250,.20) 42%,
      rgba(244,246,250,.48) 66%,
      rgba(244,246,250,.82) 84%,
      #f4f6fa 100%)!important;
    pointer-events:none!important;
  }
  /* 内容仍按原自然高度开始，让额外 52px 的照片真实延伸到“内观/外观”卡片中线附近。 */
  #homePage.d-home>#homeContent{
    position:relative!important;
    z-index:2!important;
    padding-top:max(0px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px)))!important;
  }
  #homePage.d-home>#noProfile{
    position:relative!important;
    z-index:2!important;
    padding-top:max(10px,calc(var(--home-hero-natural-h) - var(--home-head-h) - env(safe-area-inset-top,0px) + 8px))!important;
  }
  #homePage.d-home .d-dual{
    position:relative!important;
    z-index:4!important;
    margin-top:0!important;
  }
}

/* =========================================================
   问事输入法历史覆盖层已清理。
   当前唯一几何源：mobile-stability.css + mobile-stability.js。
   ========================================================= */

/* 照见自己：六列骨架。
   核心三卡 2/6；性格底色与性格短板各 3/6 同排；天赋优势、爱情观各占整行。 */
#identityOverviewPage .d-identity-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
}
#identityOverviewPage .d-card-who,
#identityOverviewPage .d-card-soul,
#identityOverviewPage .d-card-postnatal{grid-column:span 2!important;}
#identityOverviewPage .d-card-character,
#identityOverviewPage .d-card-shadow{
  grid-column:span 3!important;
  height:150px!important;
  min-height:150px!important;
}
#identityOverviewPage .d-card-talent,
#identityOverviewPage .d-card-love{
  grid-column:1/-1!important;
  height:112px!important;
  min-height:112px!important;
}
#identityOverviewPage .d-card-character .d-identity-card-copy,
#identityOverviewPage .d-card-shadow .d-identity-card-copy{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
  align-items:start!important;
  gap:7px!important;
  height:150px!important;
  min-height:150px!important;
  padding:11px 9px!important;
}
#identityOverviewPage .d-card-character .d-identity-card-copy h3,
#identityOverviewPage .d-card-shadow .d-identity-card-copy h3{
  grid-column:1!important;
  margin:0!important;
  text-align:left!important;
  font-size:15px!important;
  line-height:1.2!important;
}
#identityOverviewPage .d-card-character .d-identity-card-keywords,
#identityOverviewPage .d-card-shadow .d-identity-card-keywords{
  grid-column:1!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#identityOverviewPage .d-card-character .d-identity-tags,
#identityOverviewPage .d-card-shadow .d-identity-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
}
#identityOverviewPage .d-card-character .d-identity-tags span,
#identityOverviewPage .d-card-shadow .d-identity-tags span{
  min-width:0!important;
  min-height:25px!important;
  padding:4px 3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:8.8px!important;
}
#identityOverviewPage .d-card-talent .d-identity-card-copy,
#identityOverviewPage .d-card-love .d-identity-card-copy{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:8px!important;
  height:112px!important;
  min-height:112px!important;
  padding:10px 11px!important;
}
#identityOverviewPage .d-card-talent .d-identity-card-copy h3,
#identityOverviewPage .d-card-love .d-identity-card-copy h3{
  grid-column:1!important;
  margin:0!important;
  text-align:left!important;
  font-size:16px!important;
  line-height:1.25!important;
}
#identityOverviewPage .d-card-talent .d-identity-card-keywords,
#identityOverviewPage .d-card-love .d-identity-card-keywords{
  grid-column:2!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#identityOverviewPage .d-card-talent .d-identity-tags,
#identityOverviewPage .d-card-love .d-identity-tags{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
}
#identityOverviewPage .d-card-talent .d-identity-tags span,
#identityOverviewPage .d-card-love .d-identity-tags span{
  min-width:0!important;
  min-height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 2px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:9px!important;
}
#identityOverviewPage .d-card-love .d-identity-card-shade{
  background:linear-gradient(125deg,rgba(255,255,255,.80),rgba(248,239,239,.72) 50%,rgba(237,244,248,.80))!important;
}
#identityOverviewPage .d-card-love .d-identity-tags span{
  background:rgba(255,249,249,.78)!important;
  border-color:rgba(229,207,207,.62)!important;
  color:#765f65!important;
}

/* 爱情观详情页沿用人格详情的高级卡片语言，并把“观念 / 爱的方式”分成两个明确层级。 */
#identityLovePage .identity-love-core,
#identityLovePage .identity-love-style{display:grid!important;gap:10px!important;}
#identityLovePage .identity-love-style .identity-insight-tags{margin-top:2px!important;margin-bottom:4px!important;}
#identityLovePage .identity-love-core h3,
#identityLovePage .identity-love-style h3{margin:7px 0 7px!important;font-size:16px!important;line-height:1.5!important;font-weight:580!important;color:#443f45!important;}
#identityLovePage .identity-love-core p,
#identityLovePage .identity-love-style p{margin:0!important;font-size:11.5px!important;line-height:1.86!important;color:#68727d!important;}

@media(max-width:390px){
  #identityOverviewPage .d-card-character,
  #identityOverviewPage .d-card-shadow{height:146px!important;min-height:146px!important;}
  #identityOverviewPage .d-card-character .d-identity-card-copy,
  #identityOverviewPage .d-card-shadow .d-identity-card-copy{height:146px!important;min-height:146px!important;padding:10px 8px!important;}
  #identityOverviewPage .d-card-character .d-identity-tags span,
  #identityOverviewPage .d-card-shadow .d-identity-tags span{font-size:8.2px!important;padding-inline:2px!important;}
  #identityOverviewPage .d-card-talent .d-identity-card-copy,
  #identityOverviewPage .d-card-love .d-identity-card-copy{grid-template-columns:76px minmax(0,1fr)!important;}
  #identityOverviewPage .d-card-talent .d-identity-tags span,
  #identityOverviewPage .d-card-love .d-identity-tags span{font-size:8.2px!important;padding-inline:1px!important;}
}

/* ========================================================================
   V51 · 照见自己｜关键词自适应排布 + 天赋能力化
   短词 3 个/行，长词 2 个/行，超长词独占一行；卡片允许 8–12 个关键词。
   ======================================================================== */
#identityOverviewPage .d-card-character,
#identityOverviewPage .d-card-shadow{
  height:auto!important;
  min-height:174px!important;
}
#identityOverviewPage .d-card-character .d-identity-card-copy,
#identityOverviewPage .d-card-shadow .d-identity-card-copy{
  height:auto!important;
  min-height:174px!important;
}
#identityOverviewPage .d-card-talent,
#identityOverviewPage .d-card-love{
  height:auto!important;
  min-height:136px!important;
}
#identityOverviewPage .d-card-talent .d-identity-card-copy,
#identityOverviewPage .d-card-love .d-identity-card-copy{
  height:auto!important;
  min-height:136px!important;
  grid-template-columns:82px minmax(0,1fr)!important;
}
#identityOverviewPage .d-card-character .d-identity-tags,
#identityOverviewPage .d-card-shadow .d-identity-tags,
#identityOverviewPage .d-card-talent .d-identity-tags,
#identityOverviewPage .d-card-love .d-identity-tags{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  align-content:center!important;
  gap:5px!important;
  width:100%!important;
}
#identityOverviewPage .d-card-character .d-identity-tags span,
#identityOverviewPage .d-card-shadow .d-identity-tags span,
#identityOverviewPage .d-card-talent .d-identity-tags span,
#identityOverviewPage .d-card-love .d-identity-tags span{
  width:auto!important;
  min-width:0!important;
  min-height:25px!important;
  padding:4px 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:8.8px!important;
  line-height:1.15!important;
}
#identityOverviewPage .d-identity-tags .tag-short{grid-column:span 2!important;}
#identityOverviewPage .d-identity-tags .tag-long{grid-column:span 3!important;}
#identityOverviewPage .d-identity-tags .tag-wide{grid-column:1/-1!important;}

/* 详情页也用相同逻辑，让 2 字/4 字和 6–8 字关键词自然形成不同宽度。 */
.identity-insight-tags.identity-tags-fluid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:7px 6px!important;
  width:100%!important;
}
.identity-insight-tags.identity-tags-fluid span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:6px 8px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.35!important;
}
.identity-insight-tags.identity-tags-fluid .tag-short{grid-column:span 2!important;}
.identity-insight-tags.identity-tags-fluid .tag-long{grid-column:span 3!important;}
.identity-insight-tags.identity-tags-fluid .tag-wide{grid-column:1/-1!important;}

@media(max-width:390px){
  #identityOverviewPage .d-card-character,
  #identityOverviewPage .d-card-shadow{min-height:170px!important;}
  #identityOverviewPage .d-card-character .d-identity-card-copy,
  #identityOverviewPage .d-card-shadow .d-identity-card-copy{min-height:170px!important;}
  #identityOverviewPage .d-card-talent,
  #identityOverviewPage .d-card-love,
  #identityOverviewPage .d-card-talent .d-identity-card-copy,
  #identityOverviewPage .d-card-love .d-identity-card-copy{min-height:132px!important;}
  #identityOverviewPage .d-card-talent .d-identity-card-copy,
  #identityOverviewPage .d-card-love .d-identity-card-copy{grid-template-columns:72px minmax(0,1fr)!important;}
  #identityOverviewPage .d-card-character .d-identity-tags span,
  #identityOverviewPage .d-card-shadow .d-identity-tags span,
  #identityOverviewPage .d-card-talent .d-identity-tags span,
  #identityOverviewPage .d-card-love .d-identity-tags span{font-size:8.1px!important;padding-inline:3px!important;}
}

/* V52 · 照见自己关键词胶囊收紧：标签宽度跟随文字，不再被六列网格撑满。 */
#identityOverviewPage .d-card-character .d-identity-tags,
#identityOverviewPage .d-card-shadow .d-identity-tags,
#identityOverviewPage .d-card-talent .d-identity-tags,
#identityOverviewPage .d-card-love .d-identity-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  grid-auto-flow:unset!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:6px 7px!important;
  width:100%!important;
}
#identityOverviewPage .d-card-character .d-identity-tags span,
#identityOverviewPage .d-card-shadow .d-identity-tags span,
#identityOverviewPage .d-card-talent .d-identity-tags span,
#identityOverviewPage .d-card-love .d-identity-tags span{
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
#identityOverviewPage .d-identity-tags .tag-short,
#identityOverviewPage .d-identity-tags .tag-long,
#identityOverviewPage .d-identity-tags .tag-wide{
  grid-column:auto!important;
}
/* 半宽人格卡让胶囊更紧凑；长词自然占更宽，但仍只比文字略大。 */
#identityOverviewPage .d-card-character .d-identity-tags span,
#identityOverviewPage .d-card-shadow .d-identity-tags span{
  padding:5px 9px!important;
  font-size:10px!important;
}
/* 整行卡片适当收窄标题栏，把更多横向空间留给关键词。 */
#identityOverviewPage .d-card-talent .d-identity-card-copy,
#identityOverviewPage .d-card-love .d-identity-card-copy{
  grid-template-columns:78px minmax(0,1fr)!important;
  column-gap:7px!important;
}
/* 详情页同步使用紧凑胶囊，避免主页与详情视觉语言割裂。 */
.identity-insight-tags.identity-tags-fluid{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  grid-auto-flow:unset!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.identity-insight-tags.identity-tags-fluid span{
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.identity-insight-tags.identity-tags-fluid .tag-short,
.identity-insight-tags.identity-tags-fluid .tag-long,
.identity-insight-tags.identity-tags-fluid .tag-wide{
  grid-column:auto!important;
}


/* =========================================================
   V53 · 全局页头去模糊过渡 + 问事键盘单几何模型
   ========================================================= */
/* 所有页面顶部安全区/灵动岛附近取消 backdrop blur 与 filter 模糊。
   仅取消“模糊过渡”，不改变安全区高度与既有标题排版。 */
.page>.d-head,
.destiny-head,
.identity-v2-topbar,
.identity-insight-topbar,
.achievement-page-topbar,
.bondage-page-topbar,
.embodiment-page-topbar,
.purpose-page-topbar,
.lingjing-subpage-head,
.sm-topbar,
.mirror-library-topbar,
.focus-detail-head,
.reminder-detail-head,
.momentum-detail-head,
.identity-atlas-head,
#profilePage .ai-report-topbar,
.raw-chart-page-head{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
.page>.d-head::before,.page>.d-head::after,
.destiny-head::before,.destiny-head::after,
.identity-v2-topbar::before,.identity-v2-topbar::after,
.identity-insight-topbar::before,.identity-insight-topbar::after,
.achievement-page-topbar::before,.achievement-page-topbar::after,
.bondage-page-topbar::before,.bondage-page-topbar::after,
.embodiment-page-topbar::before,.embodiment-page-topbar::after,
.purpose-page-topbar::before,.purpose-page-topbar::after,
.lingjing-subpage-head::before,.lingjing-subpage-head::after,
.sm-topbar::before,.sm-topbar::after,
.mirror-library-topbar::before,.mirror-library-topbar::after,
.focus-detail-head::before,.focus-detail-head::after,
.reminder-detail-head::before,.reminder-detail-head::after,
.momentum-detail-head::before,.momentum-detail-head::after,
.identity-atlas-head::before,.identity-atlas-head::after,
#profilePage .ai-report-topbar::before,#profilePage .ai-report-topbar::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

/* =========================================================
   V54 · 手机端顶部去雾层 / 问事底栏可见 / 照见自己取星优先级配套
   ========================================================= */
@media (max-width:600px){
  /* 1) 全局顶部：取消灵动岛/状态栏下方的“毛玻璃过渡带”。
     固定栏需要底色时使用纯色，不再用透明渐变 + backdrop blur。 */
  .page>.d-head,
  .destiny-head,
  .identity-v2-topbar,
  .identity-v2-nav,
  .identity-insight-topbar,
  .achievement-page-topbar,
  .bondage-page-topbar,
  .embodiment-page-topbar,
  .purpose-page-topbar,
  .lingjing-subpage-head,
  .sm-topbar,
  .mirror-library-topbar,
  .focus-detail-head,
  .reminder-detail-head,
  .momentum-detail-head,
  .identity-atlas-head,
  #profilePage .ai-report-topbar,
  .raw-chart-page-head{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
  }
  .identity-v2-topbar,
  .identity-v2-nav,
  .identity-insight-topbar,
  .achievement-page-topbar,
  .bondage-page-topbar,
  .embodiment-page-topbar,
  .purpose-page-topbar,
  .lingjing-subpage-head,
  .sm-topbar,
  .mirror-library-topbar,
  .focus-detail-head,
  .reminder-detail-head,
  .momentum-detail-head,
  .identity-atlas-head,
  #profilePage .ai-report-topbar,
  .raw-chart-page-head{
    background-image:none!important;
    background-color:#f4f6fa!important;
  }
  /* 带头图的页面头部保持真正透明，让照片直接进入状态栏区域，不再叠一层雾。 */
  .d-home.page>.d-head,
  .d-growth.page>.d-head,
  body.destiny-page-active .destiny-head,
  #profilePage .my-report-hub>.d-head{
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
  }
  .d-home.page>.d-head::before,.d-home.page>.d-head::after,
  .d-growth.page>.d-head::before,.d-growth.page>.d-head::after,
  body.destiny-page-active .destiny-head::before,
  body.destiny-page-active .destiny-head::after,
  #profilePage .my-report-hub>.d-head::before,
  #profilePage .my-report-hub>.d-head::after{
    content:none!important;
    display:none!important;
  }
  /* 问事头图顶部不再覆盖半透明渐变，图片本身直接铺到手机状态栏。底部柔化继续由 ::after 负责。 */
  body.destiny-page-active .d-question-hero{
    background-image:url(../../../assets/dawn-world-mobile.webp)!important;
    background-position:center 42%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }

  /* 问事与主导航几何已迁移到 nav-global.css / mobile-stability.css，
     此处只保留 V54 的顶部视觉净化。 */
}

/* =========================================================
   V7.6 · 外观｜众生镜系统 · Dawn Light Rebuild
   与灵境主程序共用晨曦浅色、玻璃、雪山与淡金视觉语言。
   ========================================================= */
html body.external-view-page-active{
  margin:0!important;
  background:#f4f6fa!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overscroll-behavior:none!important;
}
html body.external-view-page-active > .app{
  padding-bottom:calc(var(--lj-main-nav-total,70px) + 24px)!important;
}
#externalViewPage.external-view-page{
  --ev-paper:#f4f6fa;
  --ev-paper-deep:#eef3f8;
  --ev-ink:#34404c;
  --ev-text:#4c5966;
  --ev-sub:#7c8792;
  --ev-faint:#9ca6af;
  --ev-gold:#ae9069;
  --ev-gold-deep:#8c6b42;
  --ev-blue:#8eafd0;
  --ev-blue-soft:rgba(142,175,208,.18);
  --ev-glass:rgba(255,255,255,.64);
  --ev-glass-strong:rgba(255,255,255,.82);
  --ev-line:rgba(255,255,255,.96);
  --ev-edge:rgba(174,144,105,.20);
  --ev-shadow:0 12px 34px rgba(116,139,163,.10),inset 0 1px 3px rgba(255,255,255,.92);
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  inset:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  contain:none!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(250,252,255,.92) 0%,rgba(244,247,251,.97) 38%,#f4f6fa 100%);
  color:var(--ev-ink);
  font-family:var(--serif);
  isolation:isolate;
}
#externalViewPage::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  top:0;
  height:440px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(246,249,253,.08),rgba(244,247,251,.10) 52%,#f4f6fa 100%),
    url(../../../assets/dawn-world-mobile.webp) center 20%/cover no-repeat;
  opacity:.58;
  filter:saturate(.76) contrast(.92) brightness(1.07);
}
#externalViewPage::after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:calc(env(safe-area-inset-top,0px) + 118px);
  width:290px;
  height:290px;
  transform:translateX(-50%);
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.98) 0 18%,rgba(213,229,243,.44) 36%,rgba(211,228,245,.10) 57%,transparent 72%);
  filter:blur(1px);
  opacity:.90;
}
.external-view-head{
  position:fixed!important;
  top:0!important;
  right:auto!important;
  left:50%!important;
  z-index:2147482900;
  width:min(100%,480px)!important;
  min-height:calc(62px + env(safe-area-inset-top,0px));
  transform:translateX(-50%)!important;
  padding:calc(env(safe-area-inset-top,0px) + 4px) 14px 5px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  align-items:center;
  box-sizing:border-box;
  background:linear-gradient(180deg,rgba(249,251,254,.94),rgba(247,250,253,.82));
  border-bottom:1px solid rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(111,134,156,.035);
  backdrop-filter:blur(20px) saturate(1.08);
  -webkit-backdrop-filter:blur(20px) saturate(1.08);
}
.external-view-head-copy{
  min-width:0;
  text-align:center;
  line-height:1;
}
.external-view-head-copy small{
  display:block;
  color:#9b8465;
  font-family:var(--sans);
  font-size:8px;
  font-weight:500;
  letter-spacing:2.1px;
  line-height:1.2;
  white-space:nowrap;
}
.external-view-head-copy h1{
  margin:3px 0 0;
  color:#34404c;
  font-size:23px;
  font-weight:500;
  line-height:1.08;
  letter-spacing:7px;
  text-indent:7px;
}
.external-view-head-copy p{
  margin:3px 0 0;
  color:#8a949e;
  font-size:11px;
  line-height:1.3;
  letter-spacing:2.1px;
}
.external-view-back,.external-view-record{
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:rgba(255,255,255,.42);
  color:#687480;
  font:inherit;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(102,124,145,.04),inset 0 1px 2px rgba(255,255,255,.96);
}
.external-view-back{
  display:grid;
  place-items:center;
  justify-self:start;
}
.external-view-back svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.external-view-record{
  position:relative;
  justify-self:end;
  color:#7d8791;
  font-family:var(--serif);
  font-size:11px;
  letter-spacing:1px;
}
.external-view-record i{
  position:absolute;
  right:-3px;
  top:-2px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border:1px solid rgba(174,144,105,.28);
  border-radius:999px;
  background:#fffdf9;
  color:#957448;
  font:600 8px/14px var(--sans);
  letter-spacing:0;
  text-align:center;
  box-shadow:0 2px 8px rgba(111,92,65,.09);
  box-sizing:border-box;
}
.external-view-shell{
  position:absolute!important;
  z-index:2;
  top:calc(62px + env(safe-area-inset-top,0px))!important;
  right:0!important;
  bottom:var(--lj-main-nav-total,70px)!important;
  left:0!important;
  min-height:0!important;
  padding:8px 16px 40px;
  box-sizing:border-box;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:none;
  scroll-padding-top:8px;
  scroll-padding-bottom:40px;
  touch-action:pan-y;
}
.external-view-intro{
  width:min(100%,356px);
  margin:4px auto 0;
  text-align:center;
}
.external-view-intro>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#a88d68;
  font:500 8px/1.3 var(--sans);
  letter-spacing:2.6px;
}
.external-view-intro>span::before,.external-view-intro>span::after{
  content:"";
  width:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(174,144,105,.45));
}
.external-view-intro>span::after{transform:scaleX(-1)}
.external-view-intro h2{
  margin:7px 0 7px;
  color:#374451;
  font-size:27px;
  font-weight:400;
  line-height:1.30;
  letter-spacing:3px;
  text-shadow:0 1px 0 #fff;
}
.external-view-intro p{
  max-width:322px;
  margin:0 auto;
  color:#76828e;
  font-family:var(--sans);
  font-size:10.5px;
  line-height:1.82;
  letter-spacing:.15px;
}
.external-mirror-field{
  position:relative;
  width:min(100%,382px);
  aspect-ratio:360/420;
  margin:4px auto 0;
  border-radius:48% 52% 44% 56%/54% 46% 54% 46%;
}
.external-mirror-field::before{
  content:"";
  position:absolute;
  inset:12% 5% 3%;
  border:1px solid rgba(255,255,255,.72);
  border-radius:49% 51% 45% 55%/53% 47% 53% 47%;
  background:
    radial-gradient(circle at 50% 47%,rgba(255,255,255,.82),rgba(229,239,248,.30) 34%,rgba(255,255,255,.12) 57%,transparent 72%);
  box-shadow:inset 0 1px 22px rgba(255,255,255,.9),0 18px 54px rgba(130,154,177,.06);
  pointer-events:none;
}
.external-mirror-field::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1%;
  width:70%;
  height:27%;
  transform:translateX(-50%);
  pointer-events:none;
  background:url(../../../assets/dawn-world-mobile.webp) center bottom/125% auto no-repeat;
  opacity:.20;
  filter:saturate(.55) contrast(.88) brightness(1.10);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 45%,#000 100%);
}
.external-mirror-lines{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:rgba(155,131,97,.23);
  stroke-width:.72;
  stroke-dasharray:2 5.5;
  pointer-events:none;
}
.external-mirror-lines circle{
  stroke:rgba(130,160,189,.11);
  stroke-dasharray:none;
}
.external-self-core{
  position:absolute;
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  cursor:pointer;
  z-index:4;
  left:50%;
  top:50.4%;
  width:102px;
  height:102px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(174,144,105,.30);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 35% 24%,#fff 0 12%,rgba(255,255,255,.94) 22%,rgba(220,235,247,.92) 48%,rgba(248,250,251,.92) 76%);
  box-shadow:
    0 0 0 8px rgba(255,255,255,.50),
    0 10px 34px rgba(121,150,177,.17),
    inset 0 2px 9px rgba(255,255,255,.98),
    inset 0 -8px 16px rgba(164,190,213,.12);
}
.external-self-core::before,.external-self-core::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.external-self-core::before{
  inset:-14px;
  border:1px solid rgba(174,144,105,.14);
}
.external-self-core::after{
  inset:-28px;
  border:1px dotted rgba(118,153,184,.15);
}
.external-self-core b{
  position:relative;
  z-index:2;
  color:#47535e;
  font-size:29px;
  font-weight:400;
  letter-spacing:5px;
  text-indent:5px;
}
.external-self-core small{
  position:relative;
  z-index:2;
  width:82px;
  margin-top:3px;
  color:#7f8b96;
  font-family:var(--sans);
  font-size:8.5px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.7px;
  text-align:center;
}
.external-self-core:hover,.external-self-core:focus-visible{
  border-color:rgba(174,144,105,.46);
  box-shadow:0 0 0 9px rgba(255,255,255,.55),0 12px 38px rgba(121,150,177,.20),inset 0 2px 9px rgba(255,255,255,.98),inset 0 -8px 16px rgba(164,190,213,.12);
  outline:none;
}
.external-self-core:active{transform:translate(-50%,-50%) scale(.975)}
.external-self-halo{
  position:absolute;
  inset:12px;
  border-radius:50%;
  box-shadow:0 0 32px rgba(145,181,211,.28),0 0 17px rgba(174,144,105,.14);
  animation:external-self-breathe 5.8s ease-in-out infinite;
}
@keyframes external-self-breathe{50%{opacity:.50;transform:scale(1.08)}}
.external-mirror-node{
  position:absolute;
  z-index:5;
  width:112px;
  min-height:72px;
  padding:12px 9px 10px;
  border:1px solid rgba(255,255,255,.98);
  border-radius:25px 34px 23px 31px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(236,244,251,.50));
  color:#53606c;
  text-align:center;
  box-shadow:
    0 9px 26px rgba(111,139,164,.095),
    inset 0 1px 6px rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(174,144,105,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .42s cubic-bezier(.22,.8,.2,1),box-shadow .42s ease,border-color .42s ease;
  overflow:hidden;
}
.external-mirror-node::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,rgba(255,255,255,.78),transparent 28% 70%,rgba(174,144,105,.05));
}
.external-mirror-node::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(174,144,105,.10);
  border-radius:inherit;
  pointer-events:none;
}
.external-mirror-node strong{
  position:relative;
  z-index:2;
  display:block;
  color:#4a5662;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:1.7px;
}
.external-mirror-node small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:5px;
  color:#87929c;
  font-family:var(--sans);
  font-size:8px;
  line-height:1.4;
  letter-spacing:.35px;
}
.external-mirror-glint{
  position:absolute;
  z-index:1;
  left:14px;
  top:10px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#fff 0 12%,rgba(190,215,237,.72) 35%,rgba(255,255,255,0) 73%);
  opacity:.75;
}
.external-mirror-node:hover,.external-mirror-node:focus-visible{
  border-color:rgba(174,144,105,.30);
  box-shadow:0 14px 32px rgba(111,139,164,.13),inset 0 1px 8px #fff;
}
.external-mirror-origin{left:50%;top:3.3%;transform:translateX(-50%);border-radius:29px 23px 34px 26px}
.external-mirror-origin:hover,.external-mirror-origin:focus-visible{transform:translateX(-50%) translateY(-2px) scale(1.015)}
.external-mirror-peer{left:1.3%;top:26.3%;transform:rotate(-2.5deg)}
.external-mirror-intimacy{right:1.3%;top:25.8%;transform:rotate(2.5deg)}
.external-mirror-peer:hover,.external-mirror-peer:focus-visible{transform:rotate(-2.5deg) translateY(-2px) scale(1.015)}
.external-mirror-intimacy:hover,.external-mirror-intimacy:focus-visible{transform:rotate(2.5deg) translateY(-2px) scale(1.015)}
.external-mirror-extension{left:4.5%;bottom:3.8%;transform:rotate(2deg)}
.external-mirror-collective{right:4.5%;bottom:4.2%;transform:rotate(-2deg)}
.external-mirror-extension:hover,.external-mirror-extension:focus-visible{transform:rotate(2deg) translateY(-2px) scale(1.015)}
.external-mirror-collective:hover,.external-mirror-collective:focus-visible{transform:rotate(-2deg) translateY(-2px) scale(1.015)}
.external-view-principle{
  width:max-content;
  max-width:100%;
  margin:-2px auto 0;
  padding:6px 13px;
  border:1px solid rgba(255,255,255,.80);
  border-radius:999px;
  background:rgba(255,255,255,.36);
  color:#8c96a0;
  font-family:var(--sans);
  font-size:8.5px;
  line-height:1.4;
  letter-spacing:.8px;
  text-align:center;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95);
}
#externalViewPage.is-detail .external-view-shell{padding-bottom:46px;scroll-padding-bottom:46px}
.external-view-dynamic[hidden]{display:none!important}
.external-view-dynamic{
  width:min(100%,420px);
  margin:0 auto;
  padding:0 0 36px;
}
.ev-detail-head{
  position:relative;
  margin:5px 0 13px;
  padding:21px 18px 18px;
  border:1px solid rgba(255,255,255,.98);
  border-radius:28px 28px 22px 22px;
  background:
    radial-gradient(circle at 88% 12%,rgba(178,205,228,.26),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.80),rgba(239,246,252,.48));
  box-shadow:var(--ev-shadow);
  overflow:hidden;
}
.ev-detail-head::before{
  content:"";
  position:absolute;
  right:-18px;
  top:-22px;
  width:104px;
  height:104px;
  border:1px solid rgba(174,144,105,.12);
  border-radius:50%;
  box-shadow:0 0 0 12px rgba(255,255,255,.18),0 0 0 24px rgba(142,175,208,.04);
  pointer-events:none;
}
.ev-kicker{
  position:relative;
  z-index:1;
  color:#a28762;
  font:600 8px/1.3 var(--sans);
  letter-spacing:2.2px;
  text-transform:uppercase;
}
.ev-detail-head h2{
  position:relative;
  z-index:1;
  margin:5px 0 4px;
  color:#374451;
  font-size:26px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:2.4px;
}
.ev-detail-head>p{
  position:relative;
  z-index:1;
  max-width:340px;
  margin:0;
  color:#788591;
  font-family:var(--sans);
  font-size:13px;
  line-height:1.78;
}
.ev-theme-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 14px;
}
.ev-theme-pills>span{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:999px;
  background:rgba(255,255,255,.54);
  color:#72808c;
  font-family:var(--sans);
  font-size:11px;
  line-height:1.3;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.98);
}
/* 五面镜解析：只呈现可观察的现实语言，专业依据保持折叠。 */
.ev-insight-grid{
  display:grid;
  gap:10px;
  margin:12px 0 16px;
}
.ev-insight-card{
  position:relative;
  padding:17px 16px 16px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,246,252,.48));
  box-shadow:0 8px 24px rgba(108,135,159,.07),inset 0 1px 2px rgba(255,255,255,.98);
}
.ev-insight-card>small{
  display:block;
  margin-bottom:6px;
  color:#9a805e;
  font:600 9px/1.3 var(--sans);
  letter-spacing:1.7px;
}
.ev-insight-card>strong{
  display:block;
  color:#4b5864;
  font-size:15px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.8px;
}
.ev-insight-card>p{
  margin:7px 0 0;
  color:#6f7c87;
  font:13.5px/1.86 var(--sans);
}
.ev-observe-list{
  display:grid;
  gap:9px;
  margin:10px 0 0;
  padding:0;
  list-style:none;
}
.ev-observe-list li{
  position:relative;
  padding:0 0 0 18px;
  color:#6f7c87;
  font:13.5px/1.82 var(--sans);
}
.ev-observe-list li::before{
  content:"";
  position:absolute;
  left:1px;
  top:.72em;
  width:6px;
  height:6px;
  border:1px solid rgba(174,144,105,.42);
  border-radius:50%;
  background:rgba(255,255,255,.8);
  transform:translateY(-50%);
}
.ev-section-title{
  margin:20px 1px 8px;
  color:#45515d;
  font-size:17px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:1.2px;
}
.ev-section-title small{
  display:block;
  margin-bottom:2px;
  color:#a88d68;
  font:600 7.5px/1.3 var(--sans);
  letter-spacing:2px;
}
.ev-chain{
  position:relative;
  padding:3px 14px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:24px;
  background:rgba(255,255,255,.47);
  box-shadow:var(--ev-shadow);
}
.ev-chain::before{
  content:"";
  position:absolute;
  left:31px;
  top:24px;
  bottom:24px;
  width:1px;
  background:linear-gradient(180deg,rgba(174,144,105,.15),rgba(142,175,208,.24),rgba(174,144,105,.10));
}
.ev-chain-row{
  position:relative;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  padding:13px 0;
  border-bottom:1px solid rgba(136,157,178,.085);
}
.ev-chain-row:last-child{border-bottom:0}
.ev-chain-index{
  position:relative;
  z-index:2;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(174,144,105,.20);
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#eaf2f8);
  color:#a18159;
  font:600 8px/1 var(--sans);
  box-shadow:0 4px 12px rgba(111,139,164,.08),inset 0 1px 2px #fff;
}
.ev-chain-copy strong{
  display:block;
  color:#4b5864;
  font-size:13px;
  font-weight:500;
  letter-spacing:1px;
}
.ev-chain-copy p{
  margin:4px 0 0;
  color:#707d89;
  font-family:var(--sans);
  font-size:13.5px;
  line-height:1.82;
}
.ev-mirror-sentence{
  position:relative;
  margin:16px 0 4px;
  padding:24px 19px 19px;
  border:1px solid rgba(255,255,255,.98);
  border-radius:28px 23px 30px 22px;
  background:
    radial-gradient(circle at 88% 16%,rgba(174,144,105,.12),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(237,245,251,.48));
  box-shadow:var(--ev-shadow);
}
.ev-mirror-sentence::before{
  content:"镜语";
  position:absolute;
  top:-9px;
  left:18px;
  padding:2px 9px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:999px;
  background:#f8fafc;
  color:#9a7c54;
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:2px;
  box-shadow:0 2px 8px rgba(110,130,149,.05);
}
.ev-mirror-sentence p{
  margin:0;
  color:#4d5a66;
  font-size:16px;
  line-height:1.88;
  letter-spacing:.45px;
}
.ev-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:15px 0 0;
}
.ev-primary,.ev-secondary,.ev-quiet-button{
  min-height:44px;
  padding:10px 12px;
  border-radius:15px;
  font:13px/1.35 var(--serif);
  letter-spacing:1px;
  cursor:pointer;
}
.ev-primary{
  border:1px solid rgba(174,144,105,.22);
  background:linear-gradient(145deg,#fffdf9,#f0e9de);
  color:#7e623f;
  box-shadow:0 6px 17px rgba(138,112,77,.08),inset 0 1px 2px #fff;
}
.ev-secondary,.ev-quiet-button{
  border:1px solid rgba(255,255,255,.96);
  background:rgba(255,255,255,.54);
  color:#697682;
  box-shadow:0 5px 15px rgba(111,139,164,.06),inset 0 1px 2px #fff;
}
.ev-quiet-button{width:100%;margin-top:8px}
.ev-person-form{
  display:grid;
  gap:17px;
  padding:15px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:24px;
  background:rgba(255,255,255,.50);
  box-shadow:var(--ev-shadow);
}
.ev-form-block label{
  display:block;
  margin-bottom:8px;
  color:#596673;
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:.6px;
}
.ev-form-block input{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(157,177,196,.18);
  border-radius:15px;
  outline:none;
  background:rgba(255,255,255,.82);
  color:#475460;
  font:16px/1 var(--serif);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  box-shadow:inset 0 1px 3px rgba(128,149,168,.05);
  box-sizing:border-box;
}
.ev-form-block input::placeholder{color:#a4adb5}
.ev-form-block input:focus{border-color:rgba(142,175,208,.48);box-shadow:0 0 0 3px rgba(142,175,208,.09)}
.ev-choice-grid{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.ev-choice-grid button{
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#78848f;
  font:11.5px/1 var(--serif);
  box-shadow:inset 0 1px 2px #fff;
  cursor:pointer;
}
.ev-choice-grid button.is-selected{
  border-color:rgba(174,144,105,.30);
  background:linear-gradient(145deg,#fffdf9,#eee6da);
  color:#826642;
  box-shadow:0 4px 12px rgba(139,111,76,.08),inset 0 1px 2px #fff;
}
.ev-form-note{
  margin:-3px 0 0;
  color:#929ca5;
  font-family:var(--sans);
  font-size:11px;
  line-height:1.7;
}
.ev-daily-card{
  position:relative;
  margin-top:11px;
  padding:25px 20px 22px;
  border:1px solid rgba(255,255,255,.98);
  border-radius:34px 25px 32px 23px;
  background:
    radial-gradient(circle at 82% 14%,rgba(174,144,105,.12),transparent 27%),
    radial-gradient(circle at 15% 90%,rgba(142,175,208,.16),transparent 38%),
    linear-gradient(155deg,rgba(255,255,255,.84),rgba(239,246,252,.56));
  box-shadow:var(--ev-shadow);
}
.ev-daily-card::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:16px;
  width:52px;
  height:52px;
  border:1px solid rgba(174,144,105,.10);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(142,175,208,.04);
  pointer-events:none;
}
.ev-daily-card small{color:#9a7b55;font:600 8px/1.3 var(--sans);letter-spacing:2px}
.ev-daily-card h3{position:relative;z-index:1;margin:11px 0 12px;color:#46535f;font-size:21px;font-weight:400;line-height:1.56;letter-spacing:.9px}
.ev-daily-card p{position:relative;z-index:1;max-width:310px;margin:0;color:#7e8993;font:12.5px/1.8 var(--sans)}
.ev-record-list{display:grid;gap:9px;margin-top:10px}
.ev-record-item{
  position:relative;
  padding:16px 42px 15px 14px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:19px;
  background:rgba(255,255,255,.52);
  box-shadow:0 7px 20px rgba(109,136,160,.07),inset 0 1px 2px rgba(255,255,255,.98);
}
.ev-record-item small{display:block;color:#9b805d;font:600 8px/1.3 var(--sans);letter-spacing:1.1px}
.ev-record-item strong{display:block;margin-top:6px;color:#53606c;font-size:13px;font-weight:500;line-height:1.58}
.ev-record-item p{margin:5px 0 0;color:#818c96;font:11.5px/1.72 var(--sans)}
.ev-record-delete{
  position:absolute;
  right:8px;
  top:8px;
  width:30px;
  height:30px;
  min-height:30px;
  border:0;
  border-radius:50%;
  background:rgba(238,242,246,.74);
  color:#a1a9b0;
  font-size:16px;
  cursor:pointer;
}
.ev-empty{
  padding:45px 20px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:24px;
  background:rgba(255,255,255,.42);
  box-shadow:var(--ev-shadow);
  text-align:center;
  color:#929ca5;
  font:12px/1.82 var(--sans);
}
.ev-empty b{display:block;margin-bottom:7px;color:#586571;font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:2px}
@media(max-width:360px){
  .external-view-head{grid-template-columns:44px 1fr 44px;padding-left:10px;padding-right:10px}
  .external-view-shell{padding-left:12px;padding-right:12px}
  .external-view-intro h2{font-size:24px}
  .external-mirror-node{width:102px;min-height:68px;padding:11px 7px 9px}
  .external-mirror-node strong{font-size:13px}
  .external-mirror-node small{font-size:7.4px}
  .external-self-core{width:90px;height:90px}
  .external-self-core b{font-size:26px}
  .external-self-core small{width:76px;font-size:7.8px}
  .ev-detail-head h2{font-size:24px}
}
@media(min-width:481px){
  #externalViewPage.external-view-page{width:min(100%,480px)!important;margin:0 auto!important}
}
@media(prefers-reduced-motion:reduce){
  .external-self-halo{animation:none!important}
  .external-mirror-node{transition:none!important}
}

/* =========================================================
   V18 · 真言树洞
   只占用页面内容区域，不修改全局主导航几何。
   ========================================================= */
:root{
  --truth-ink:#26323f;
  --truth-muted:#77818d;
  --truth-gold:#a98a59;
  --truth-gold-soft:#d9c49b;
  --truth-blue:#9bb9d4;
  --truth-line:rgba(156,175,194,.20);
  --truth-glass:rgba(255,255,255,.72);
}
body.truth-tree-page-active{overflow-x:hidden!important;}
#truthTreePage.truth-tree-page.active,
.truth-flow-page.active{
  position:fixed!important;
  z-index:88!important;
  top:0!important;
  right:0!important;
  bottom:var(--lj-main-nav-total)!important;
  left:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  contain:layout paint style!important;
  background:
    radial-gradient(circle at 52% 7%,rgba(255,246,222,.92),transparent 25%),
    radial-gradient(circle at 14% 34%,rgba(213,230,244,.54),transparent 34%),
    radial-gradient(circle at 86% 44%,rgba(238,222,190,.40),transparent 34%),
    linear-gradient(180deg,#f9fbfe 0%,#f4f8fc 45%,#fbfaf7 100%)!important;
}
#truthTreePage::before,
.truth-flow-page::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.58;
  background:
    linear-gradient(120deg,transparent 8%,rgba(255,255,255,.62) 28%,transparent 48%),
    radial-gradient(circle at 50% 72%,rgba(255,255,255,.9),transparent 44%);
}
.truth-flow-page.active{display:flex!important;flex-direction:column!important;}
.truth-flow-scroll{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;}
.truth-flow-scroll::-webkit-scrollbar{display:none;}
.truth-tree-head{
  position:relative;z-index:8;flex:0 0 auto;
  min-height:calc(84px + env(safe-area-inset-top,0px));
  padding:calc(10px + env(safe-area-inset-top,0px)) 18px 10px;
  display:grid;grid-template-columns:52px minmax(0,1fr) 72px;align-items:center;gap:8px;
  border-bottom:1px solid rgba(255,255,255,.82);
  background:linear-gradient(180deg,rgba(248,251,255,.97),rgba(248,251,255,.86));
  -webkit-backdrop-filter:blur(22px) saturate(110%);backdrop-filter:blur(22px) saturate(110%);
}
.truth-tree-back,.truth-tree-my{
  border:1px solid rgba(165,181,198,.18);background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(97,119,141,.06);
}
.truth-tree-back{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;padding:0;color:#6e7c89;}
.truth-tree-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.truth-tree-my{width:72px;height:39px;border-radius:20px;color:#6d706f;font-size:12px;letter-spacing:.04em;padding:0;}
.truth-tree-head-copy{text-align:center;min-width:0;}
.truth-tree-head-copy small{display:block;color:#b29462;font-size:8px;letter-spacing:.24em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.truth-tree-head-copy h1{margin:3px 0 1px;color:#26313d;font-size:24px;line-height:1.08;font-weight:560;letter-spacing:.18em;text-indent:.18em;}
.truth-tree-head-copy p{margin:0;color:#8b939c;font-size:11px;letter-spacing:.08em;white-space:nowrap;}
.truth-tree-scroll{position:relative;z-index:2;flex:1 1 auto;height:calc(100% - 84px);min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;}
.truth-tree-scroll::-webkit-scrollbar{display:none;}
.truth-tree-home{min-height:100%;padding:16px 20px 22px;display:flex;flex-direction:column;align-items:center;}
.truth-weather{display:flex;align-items:center;justify-content:center;gap:8px;max-width:90%;min-height:34px;padding:7px 14px;border:1px solid rgba(185,166,126,.14);border-radius:18px;background:rgba(255,255,255,.48);color:#777d83;font-size:12px;letter-spacing:.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.truth-weather-dot{width:6px;height:6px;border-radius:50%;background:#c6a66e;box-shadow:0 0 0 5px rgba(198,166,110,.08),0 0 16px rgba(198,166,110,.35);}
.truth-tree-visual{position:relative;width:min(100%,390px);height:min(49vh,440px);min-height:330px;margin:2px auto 0;display:grid;place-items:center;}
.truth-tree-aura{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,250,236,.94) 0%,rgba(221,236,248,.42) 38%,rgba(255,255,255,0) 72%);filter:blur(1px);}
.truth-tree-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 28px rgba(129,146,159,.08));}
.truth-tree-branches path{stroke-width:2.2;opacity:.68;}
.truth-tree-leaves circle{fill:url(#truthLeaf);stroke:rgba(187,155,99,.32);stroke-width:.8;filter:drop-shadow(0 0 10px rgba(202,177,127,.32));transform-box:fill-box;transform-origin:center;animation:truthBreathe 3.8s ease-in-out infinite;}
.truth-tree-leaves circle:nth-child(2n){animation-delay:-1.1s}.truth-tree-leaves circle:nth-child(3n){animation-delay:-2.2s}
.truth-tree-particles circle{fill:#c7ab78;opacity:.5;animation:truthFloat 4.6s ease-in-out infinite;}
.truth-tree-ground{fill:rgba(177,195,208,.11);filter:blur(3px);}
.truth-tree-pick-leaf{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:172px;min-height:56px;border:1px solid rgba(185,166,126,.18);border-radius:30px;background:rgba(255,255,255,.65);box-shadow:0 14px 36px rgba(92,117,138,.07),inset 0 1px 0 #fff;color:#65717c;padding:8px 16px 8px 46px;text-align:left;}
.truth-tree-pick-leaf>span{position:absolute;left:17px;top:50%;width:17px;height:17px;margin-top:-8.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 22%,#d9c49b 38%,rgba(169,138,89,.18) 70%);box-shadow:0 0 0 7px rgba(214,194,155,.08),0 0 20px rgba(169,138,89,.25);}
.truth-tree-pick-leaf b,.truth-tree-pick-leaf small{display:block}.truth-tree-pick-leaf b{font-size:13px;font-weight:550}.truth-tree-pick-leaf small{margin-top:2px;font-size:10px;color:#9aa1a7;}
.truth-tree-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:0;}
.truth-tree-actions button{min-width:0;min-height:112px;padding:12px 5px 10px;border:1px solid rgba(162,181,198,.16);border-radius:30px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(112,135,154,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#53606b;}
.truth-tree-actions b{font-size:15px;font-weight:560;letter-spacing:.03em;white-space:nowrap;}.truth-tree-actions small{margin-top:5px;color:#9aa2aa;font-size:9.5px;white-space:nowrap;}
.truth-action-orb{width:36px;height:36px;margin-bottom:9px;border-radius:50%;position:relative;border:1px solid rgba(183,155,104,.28);background:radial-gradient(circle at 35% 28%,#fff 0 20%,rgba(231,215,183,.78) 38%,rgba(255,255,255,.22) 70%);box-shadow:0 7px 18px rgba(115,134,151,.08),inset 0 0 0 5px rgba(255,255,255,.38);}
.truth-action-leaf{border-radius:56% 44% 60% 40%;transform:rotate(-18deg);background:linear-gradient(145deg,#fff,#cddfdb 52%,#9cbfb0);}
.truth-action-soul::before,.truth-action-soul::after{content:"";position:absolute;top:9px;width:11px;height:17px;border:1.4px solid rgba(123,132,171,.75);border-radius:50%;}.truth-action-soul::before{left:7px}.truth-action-soul::after{right:7px;}
.truth-tree-oath{margin:13px 0 0;color:#a5a29b;font-size:11px;letter-spacing:.18em;}
.truth-tree-stage{min-height:100%;padding:0 20px 28px;}
.truth-tree-bottom-safe{height:18px;}
.truth-stage-top{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:calc(72px + env(safe-area-inset-top,0px));margin:0 -20px 17px;padding:calc(8px + env(safe-area-inset-top,0px)) 20px 8px;border-bottom:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(248,251,255,.91));-webkit-backdrop-filter:blur(20px) saturate(110%);backdrop-filter:blur(20px) saturate(110%);}
.truth-stage-top>button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(158,176,192,.18);background:rgba(255,255,255,.64);color:#71808e;font-size:22px;display:grid;place-items:center;padding:0;}
.truth-stage-title{min-width:0;flex:1;text-align:center}.truth-stage-title small{display:block;color:#b0915e;font-size:9px;letter-spacing:.18em}.truth-stage-title h2{margin:4px 0 0;color:#283540;font-size:24px;font-weight:580;letter-spacing:.05em}.truth-stage-spacer{width:38px;height:38px;}
.truth-panel{margin:0 0 12px;padding:18px;border:1px solid rgba(160,179,195,.16);border-radius:28px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 16px 42px rgba(105,129,149,.055);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);}
.truth-panel-eyebrow{color:#aa8a56;font-size:9px;letter-spacing:.18em}.truth-panel h3{margin:7px 0 8px;color:#2d3944;font-size:20px;line-height:1.35;font-weight:570}.truth-panel p{margin:0;color:#77818b;font-size:14px;line-height:1.85;}
.truth-guide-question{padding:5px 1px 15px;color:#36424c;font-size:24px;line-height:1.45;font-weight:500;letter-spacing:.02em;}
.truth-guide-question small{display:block;margin-bottom:7px;color:#aa8a56;font-size:9px;letter-spacing:.2em;}
.truth-editor{width:100%;min-height:190px;resize:none;padding:18px;border:1px solid rgba(158,177,194,.20);border-radius:26px;background:rgba(255,255,255,.62);color:#2f3d48;font:400 16px/1.85 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;outline:none;box-shadow:inset 0 1px 0 #fff;}
.truth-editor::placeholder{color:#a7afb6}.truth-editor:focus{border-color:rgba(177,145,89,.34);box-shadow:0 0 0 4px rgba(177,145,89,.06),inset 0 1px 0 #fff;}
.truth-editor-meta{display:flex;justify-content:space-between;gap:12px;margin:8px 4px 16px;color:#a0a6ab;font-size:10px;}
.truth-chip-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.truth-chip-row::-webkit-scrollbar{display:none}.truth-chip-row button{flex:0 0 auto;min-height:36px;padding:0 14px;border:1px solid rgba(159,177,193,.17);border-radius:18px;background:rgba(255,255,255,.56);color:#7b838b;font-size:12px;}.truth-chip-row button.active{border-color:rgba(169,138,89,.34);background:linear-gradient(135deg,rgba(255,251,242,.95),rgba(244,237,220,.76));color:#886f47;box-shadow:0 5px 18px rgba(169,138,89,.07);}
.truth-field-label{display:flex;align-items:center;justify-content:space-between;margin:17px 2px 7px;color:#5d6872;font-size:13px}.truth-field-label small{color:#aaa49a;font-size:10px;}
.truth-primary,.truth-secondary{width:100%;min-height:48px;border-radius:24px;font-size:14px;letter-spacing:.05em;}
.truth-primary{border:1px solid rgba(170,138,86,.36);background:linear-gradient(135deg,#cdb88f,#a98a59);color:#fff;box-shadow:0 14px 28px rgba(169,138,89,.18),inset 0 1px 0 rgba(255,255,255,.38);}
.truth-secondary{margin-top:9px;border:1px solid rgba(158,177,194,.18);background:rgba(255,255,255,.64);color:#6f7b85;}
.truth-primary:disabled{opacity:.48;box-shadow:none}.truth-primary:active,.truth-secondary:active,.truth-tree-actions button:active,.truth-tree-pick-leaf:active{transform:scale(.98);}
.truth-privacy-note{margin:11px 5px 0;color:#9ba2a8;font-size:10.5px;line-height:1.7;text-align:center;}
.truth-reading{min-height:420px;padding:26px 20px 22px;display:flex;flex-direction:column;justify-content:space-between;}
.truth-reading-meta{display:flex;align-items:center;justify-content:space-between;color:#9a9fa3;font-size:11px}.truth-reading-meta b{color:#a18556;font-weight:520}.truth-reading-text{padding:34px 2px 28px;color:#303a44;font-size:21px;line-height:1.85;letter-spacing:.025em;white-space:pre-wrap;word-break:break-word;}
.truth-reading-state{color:#a19d96;font-size:11px;line-height:1.6;text-align:center;}
.truth-response-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.truth-response-row button{min-height:44px;border:1px solid rgba(159,177,193,.18);border-radius:22px;background:rgba(255,255,255,.72);color:#6e7881;font-size:12px;}.truth-response-row button.truth-listen-done{color:#9b7c49;background:rgba(250,244,231,.82);}
.truth-empty{padding:70px 20px;text-align:center;color:#8a9299}.truth-empty-orb{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e2d3b6 45%,rgba(203,184,148,.08) 75%);box-shadow:0 0 0 15px rgba(255,255,255,.4),0 18px 42px rgba(100,126,145,.08)}.truth-empty h3{margin:0 0 7px;color:#4f5b65;font-size:18px}.truth-empty p{font-size:13px;line-height:1.7}
.truth-list{display:grid;gap:10px}.truth-list-item{padding:15px;border:1px solid rgba(158,177,194,.15);border-radius:22px;background:rgba(255,255,255,.64)}.truth-list-item header{display:flex;justify-content:space-between;gap:12px;color:#9ca1a5;font-size:10px}.truth-list-item header b{color:#9a7c4d;font-weight:520}.truth-list-item p{margin:10px 0 0;color:#4b5660;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truth-list-item footer{display:flex;gap:10px;margin-top:9px;color:#9ca2a7;font-size:10px}
.truth-list-actions{display:flex;justify-content:flex-end;margin-top:10px}.truth-list-actions button{min-height:34px;padding:0 12px;border:1px solid rgba(154,76,70,.13);border-radius:17px;background:rgba(255,255,255,.52);color:#8d716e;font-size:10px;}
.truth-tabs{display:flex;gap:6px;margin-bottom:14px;padding:4px;border:1px solid rgba(160,178,194,.14);border-radius:22px;background:rgba(255,255,255,.45)}.truth-tabs button{flex:1;height:36px;border:0;border-radius:18px;background:transparent;color:#8b9298;font-size:11px}.truth-tabs button.active{background:rgba(255,255,255,.92);color:#896e44;box-shadow:0 5px 16px rgba(111,133,151,.06)}
.truth-weather-cloud{position:relative;min-height:280px;display:grid;place-items:center;text-align:center;padding:28px}.truth-weather-cloud::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(233,215,179,.5),rgba(213,231,244,.22) 48%,transparent 72%)}.truth-weather-cloud>*{position:relative;z-index:1}.truth-weather-cloud h3{font-size:27px;line-height:1.45;font-weight:500;color:#43505a}.truth-weather-cloud p{margin-top:11px;color:#92989d;font-size:12px;line-height:1.8}
.truth-resonance-box{margin-top:14px}.truth-resonance-box textarea{min-height:120px}
.truth-success{text-align:center;padding:48px 22px}.truth-success-orb{width:76px;height:76px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,#dfcda7 40%,rgba(177,145,89,.12) 70%);box-shadow:0 0 0 15px rgba(255,255,255,.38),0 0 42px rgba(177,145,89,.14);animation:truthBreathe 1.6s ease-in-out both}.truth-success h3{margin:0;color:#46535d;font-size:22px;font-weight:540}.truth-success p{margin:8px 0 0;color:#92999f;font-size:13px;line-height:1.75}
.truth-encounter-visual{position:relative;height:210px;display:grid;place-items:center}.truth-soul-pair{position:relative;width:180px;height:110px}.truth-soul-pair i{position:absolute;top:14px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 18%,rgba(205,220,234,.95) 38%,rgba(137,165,190,.13) 72%);box-shadow:0 0 0 12px rgba(255,255,255,.42),0 0 34px rgba(129,160,188,.12);animation:truthBreathe 2.4s ease-in-out infinite}.truth-soul-pair i:first-child{left:8px}.truth-soul-pair i:last-child{right:8px;animation-delay:-1.2s;background:radial-gradient(circle at 35% 30%,#fff 0 18%,rgba(235,219,190,.95) 38%,rgba(181,145,84,.12) 72%)}.truth-soul-pair::after{content:"";position:absolute;left:72px;right:72px;top:49px;height:1px;background:linear-gradient(90deg,transparent,#c7a978,transparent)}
.truth-waiting{text-align:center}.truth-waiting h3{font-size:21px;color:#46535d}.truth-waiting p{color:#8c949b;font-size:12px}.truth-waiting-dots{display:flex;justify-content:center;gap:8px;margin:22px 0}.truth-waiting-dots i{width:7px;height:7px;border-radius:50%;background:#bda77d;animation:truthPulse 1.2s ease-in-out infinite}.truth-waiting-dots i:nth-child(2){animation-delay:.18s}.truth-waiting-dots i:nth-child(3){animation-delay:.36s}
.truth-question-card{padding:24px 18px;text-align:center}.truth-question-card small{color:#aa8a56;font-size:9px;letter-spacing:.18em}.truth-question-card h3{margin:10px auto 18px;max-width:320px;color:#33404a;font-size:22px;line-height:1.55;font-weight:520}.truth-question-card textarea{min-height:126px}.truth-reveal{display:grid;gap:10px;margin-top:14px}.truth-reveal article{padding:14px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid rgba(159,177,193,.14)}.truth-reveal article small{color:#a28c68}.truth-reveal article p{margin:5px 0 0;font-size:14px;color:#5d6871;line-height:1.7}
.truth-safety{margin-top:11px;padding:10px 12px;border-radius:15px;background:rgba(248,244,235,.72);color:#8f8170;font-size:10px;line-height:1.65}
@keyframes truthBreathe{0%,100%{transform:scale(.94);opacity:.64}50%{transform:scale(1.06);opacity:1}}
@keyframes truthFloat{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-8px);opacity:.72}}
@keyframes truthPulse{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.15);opacity:1}}
@media(max-height:760px){.truth-tree-visual{height:340px;min-height:300px}.truth-tree-actions button{min-height:102px}.truth-tree-pick-leaf{bottom:6px}}
@media(max-width:370px){.truth-tree-home{padding-left:15px;padding-right:15px}.truth-tree-stage{padding-left:15px;padding-right:15px}.truth-flow-page .truth-stage-top{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.truth-tree-head{padding-left:12px;padding-right:12px;grid-template-columns:46px minmax(0,1fr) 65px}.truth-tree-back{width:44px;height:44px}.truth-tree-my{width:65px;font-size:11px}.truth-tree-head-copy h1{font-size:22px}.truth-tree-actions{gap:6px}.truth-tree-actions b{font-size:13px}.truth-tree-actions small{font-size:8.5px}.truth-reading-text{font-size:19px}}
@media(prefers-reduced-motion:reduce){.truth-tree-leaves circle,.truth-tree-particles circle,.truth-success-orb,.truth-soul-pair i,.truth-waiting-dots i{animation:none!important}}

/* V18.1 · 真言树洞交互态补全 */
#truthTreePage.truth-tree-page.active{display:flex!important;flex-direction:column!important;}
.truth-tree-scroll{height:auto!important;}
.truth-inline-link{display:inline-flex;align-items:center;margin-left:10px;padding:5px 9px;border:0;border-radius:14px;background:rgba(255,255,255,.5);color:#9a8054;font-size:11px;vertical-align:middle;}
.truth-theme-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px;}
.truth-theme-cloud button{min-height:35px;padding:0 13px;border:1px solid rgba(157,177,193,.17);border-radius:18px;background:rgba(255,255,255,.52);color:#7f878f;font-size:12px;}
.truth-theme-cloud button.active{border-color:rgba(169,138,89,.32);background:linear-gradient(135deg,rgba(255,252,245,.96),rgba(241,233,216,.78));color:#876d45;box-shadow:0 7px 19px rgba(169,138,89,.07);}
.truth-option-panel{margin:0 0 12px;padding:13px 14px;border:1px solid rgba(178,159,120,.13);border-radius:20px;background:linear-gradient(145deg,rgba(255,252,244,.64),rgba(255,255,255,.48));}
.truth-option-panel>small{display:block;margin-bottom:8px;color:#a28658;font-size:10px;letter-spacing:.08em;}
.truth-option-panel>p{margin:2px 0 0;color:#95938e;font-size:11px;line-height:1.65;}
.truth-exchange-option{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px;align-items:center;padding:16px 17px;margin-top:5px;}
.truth-exchange-option h3{font-size:17px;margin:5px 0 4px}.truth-exchange-option p{font-size:12px;line-height:1.7}
.truth-switch{position:relative;width:46px;height:27px;border:1px solid rgba(159,177,193,.2);border-radius:18px;background:rgba(215,224,231,.62);padding:0;transition:background .22s ease,border-color .22s ease;}
.truth-switch i{position:absolute;width:21px;height:21px;left:3px;top:2px;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(93,113,130,.16);transition:transform .22s cubic-bezier(.2,.8,.2,1);}
.truth-switch.active{background:linear-gradient(135deg,#d3bf96,#ad8d59);border-color:rgba(169,138,89,.36)}.truth-switch.active i{transform:translateX(19px)}
.truth-editor-warning{border-color:rgba(154,76,70,.38)!important;box-shadow:0 0 0 4px rgba(154,76,70,.06)!important;}
.truth-small-editor{min-height:118px;margin:12px 0 13px;}
.truth-exchange-lock{margin-top:20px;padding:17px 15px;border-radius:22px;background:linear-gradient(145deg,rgba(251,247,237,.82),rgba(255,255,255,.66));border:1px solid rgba(182,154,103,.15);}
.truth-exchange-lock>small{color:#a38757;font-size:9px;letter-spacing:.12em}.truth-exchange-lock h3{margin:8px 0 2px;color:#4b555e;font-size:17px;line-height:1.55;font-weight:520}
.truth-more{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(158,176,192,.18)!important;background:rgba(255,255,255,.64)!important;color:#8a9197!important;font-size:18px!important;line-height:1!important;padding:0!important;}
.truth-safety-menu h3{font-size:17px}.truth-safety-menu p{font-size:12px}
.truth-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.truth-report-grid button{min-height:38px;border:1px solid rgba(154,76,70,.12);border-radius:19px;background:rgba(255,255,255,.6);color:#7f7472;font-size:11px;}
.truth-danger-quiet{width:100%;min-height:42px;margin-top:10px;border:1px solid rgba(154,76,70,.18);border-radius:21px;background:rgba(154,76,70,.045);color:#8e605c;font-size:12px;}
.truth-weather-themes{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px}.truth-weather-themes span{padding:6px 10px;border-radius:14px;background:rgba(255,255,255,.58);border:1px solid rgba(174,157,121,.12);color:#8b8172;font-size:10px;}
.truth-empty-compact{padding:24px 10px}.truth-echo-item .truth-secondary{margin-top:12px}.truth-relation-item p{font-size:13px!important;color:#707981!important;}
.truth-past-word{margin-top:12px!important;padding:15px;border-radius:18px;background:rgba(247,248,249,.68);color:#5b6670!important;font-size:15px!important;line-height:1.85!important;white-space:pre-wrap;}
.truth-decision-row{display:grid;gap:8px;margin-top:18px}.truth-decision-row .truth-secondary{margin-top:0}.truth-decision h3{font-size:20px;line-height:1.55}.truth-decision p{font-size:13px}
.truth-success-inline{padding:24px 18px}.truth-success-inline .truth-success-orb{width:54px;height:54px;margin-bottom:14px}.truth-success-inline h3{font-size:18px}
.truth-soul-wait i{animation-duration:1.75s}.truth-soul-wait::after{animation:truthLinePulse 1.8s ease-in-out infinite}
@keyframes truthLinePulse{0%,100%{opacity:.18;transform:scaleX(.75)}50%{opacity:.8;transform:scaleX(1)}}
@media(max-width:360px){.truth-exchange-option{grid-template-columns:minmax(0,1fr) 44px}.truth-report-grid{grid-template-columns:1fr}.truth-theme-cloud{gap:6px}.truth-theme-cloud button{padding:0 11px}}

/* V24 · 十二生命道场成长系统 P0
   目标：成长主页成为“成长驾驶舱”，十二道场固定 3×4；详情统一“镜像/当下/修炼/轨迹”骨架。
   视觉延续灵境白日主题：珍珠白、雾蓝、暖金、真实玻璃边界与极轻折射。 */
.d-growth-v2{--growth-gold:#aa8a56;--growth-gold-soft:#d9c7a6;--growth-blue:#8faec6;--growth-ink:#303945;--growth-sub:#74808b;--growth-card:rgba(255,255,255,.66);position:relative;margin:0 -2px;padding-bottom:18px;color:var(--growth-ink)}
.d-growth-v2 .glass,.growth-domain-page .glass{border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(244,248,251,.54));box-shadow:0 10px 32px rgba(65,88,105,.055),inset 0 1px 0 rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.growth-hero-v2{height:238px;margin:0 -14px 12px;position:relative;overflow:hidden;border-radius:0 0 38px 38px;isolation:isolate;background:linear-gradient(180deg,#f8fbff 0%,#edf4f9 57%,rgba(244,246,250,.1) 100%)}
.growth-hero-v2:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:62px;background:linear-gradient(180deg,rgba(244,246,250,0),#f4f6fa 90%);z-index:1;pointer-events:none}
.growth-hero-scene{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.growth-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.58;mix-blend-mode:multiply;filter:saturate(.83) brightness(1.12) contrast(.92)}
.growth-hero-scene:before{content:"";position:absolute;width:124px;height:124px;border-radius:50%;left:50%;top:63px;transform:translateX(-50%);background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.98),rgba(221,237,249,.76) 28%,rgba(192,215,232,.35) 54%,rgba(255,255,255,.1) 73%,transparent 75%);box-shadow:0 0 0 1px rgba(211,190,151,.25),0 0 42px rgba(255,255,255,.96);opacity:.82}
.growth-hero-orbit{position:absolute;left:50%;top:124px;border:1px solid rgba(176,145,96,.26);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}
.growth-hero-orbit:before,.growth-hero-orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#fff,#c9ac7f);box-shadow:0 0 10px #fff}
.growth-hero-orbit-a{width:210px;height:74px}.growth-hero-orbit-a:before{left:24px;top:9px}.growth-hero-orbit-a:after{right:28px;bottom:8px}
.growth-hero-orbit-b{width:170px;height:108px;transform:translate(-50%,-50%) rotate(28deg);border-color:rgba(143,174,198,.18)}.growth-hero-orbit-b:before{right:34px;top:2px}.growth-hero-orbit-b:after{left:38px;bottom:5px}
.growth-hero-copy{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 0}
.growth-hero-copy h1{font-family:var(--serif);font-size:31px;line-height:1.2;letter-spacing:4px;font-weight:500;color:#2e3944}.growth-hero-copy p{margin-top:6px;font-size:12px;letter-spacing:2px;color:#7b8790}
.growth-streak{margin-top:6px;padding:7px 10px;border-radius:16px;border:1px solid rgba(177,151,108,.16);background:rgba(255,255,255,.5);color:#9b825a;font-size:10px;letter-spacing:.08em;backdrop-filter:blur(12px)}
.growth-hero-core{position:absolute;z-index:4;left:20px;right:20px;bottom:26px;padding:11px 14px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(105deg,rgba(255,255,255,.78),rgba(249,251,253,.42));box-shadow:0 8px 28px rgba(61,82,99,.045);backdrop-filter:blur(15px)}
.growth-hero-core small{display:block;color:#a4895e;font-size:9px;letter-spacing:.16em}.growth-hero-core strong{display:block;margin-top:3px;font-family:var(--serif);font-size:15.5px;line-height:1.55;font-weight:500;color:#39444e}.growth-hero-core span{display:block;margin-top:3px;color:#84909a;font-size:10px}
.growth-primary-card{margin:0 0 24px;padding:18px 18px 16px;border-radius:28px!important;position:relative;overflow:hidden}
.growth-primary-card:before{content:"";position:absolute;right:-28px;top:-40px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(226,207,171,.24),transparent 68%);pointer-events:none}
.growth-primary-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.growth-primary-label small{display:block;color:#a48654;font-size:10px;letter-spacing:.14em}.growth-primary-label strong{display:block;margin-top:2px;font-family:var(--serif);font-size:21px;letter-spacing:2px;font-weight:500;color:#34404a}
.growth-primary-mark{width:54px;height:54px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.growth-primary-mark svg{width:33px;height:33px;color:#a78c62}
.growth-primary-card h2{margin-top:13px;font-size:21px;line-height:1.45;letter-spacing:.3px;color:#313b45}.growth-primary-card>p{margin-top:7px;max-width:340px;font-size:13px;line-height:1.8;color:#707c86}
.growth-primary-related{display:flex;align-items:center;gap:5px;margin-top:11px;color:#929ba3;font-size:11px}.growth-primary-related>span{color:#9b835f}.growth-primary-related button{min-height:30px;padding:0 3px;color:#697b8b;font-size:11px}.growth-primary-related i{font-style:normal;color:#c5b18f}
.growth-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:14px}.growth-primary-main{min-height:46px;padding:0 18px;border-radius:23px;background:linear-gradient(135deg,#b39767,#8c7047);color:#fff;font-size:13px;letter-spacing:.06em;box-shadow:0 8px 20px rgba(145,111,62,.14)}.growth-primary-more{min-height:44px;padding:0 11px;color:#78838c;font-size:12px}
.growth-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 3px 12px}.growth-section-head small{display:block;color:#b19567;font-size:9px;letter-spacing:.18em}.growth-section-head h2{margin-top:2px;font-size:21px;letter-spacing:1px;color:#35404a}.growth-section-head>p{text-align:right;color:#8a949c;font-size:10px;line-height:1.65}
/* 十二生命道场的卡片视觉只在 #domainHubPage 下维护，避免重复规则互相覆盖。 */
.growth-primary-mark,.growth-domain-hero-totem{overflow:visible;background:transparent;border:0;box-shadow:none}.growth-primary-mark img,.growth-domain-hero-totem img{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.growth-primary-mark svg,.growth-domain-hero-totem svg{display:none}
.growth-path-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:12px 3px 24px;padding:11px 12px;border-radius:18px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.75)}.growth-path-legend span{display:flex;align-items:center;gap:6px;color:#89929a;font-size:9.5px}.growth-path-legend i{width:5px;height:5px;border-radius:50%;background:#ceb98f;box-shadow:0 0 8px #fff}
.growth-weekly{display:grid;gap:8px;margin:0 0 24px;padding:15px 16px;border-radius:24px!important}.growth-weekly>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.growth-weekly small{color:#a48a61;font-size:9px;letter-spacing:.14em}.growth-weekly strong{font-family:var(--serif);font-size:15px;font-weight:500;color:#3e4851}.growth-weekly p{font-size:11.5px;line-height:1.75;color:#78838c}.growth-weekly>span{justify-self:start;padding:4px 9px;border-radius:12px;background:#eef3f6;color:#81909a;font-size:9px}
.growth-tools{margin-bottom:8px}.growth-tools-head{margin-top:0}.growth-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:6px;border-radius:27px!important;overflow:hidden}.growth-tool-grid button{min-width:0;padding:8px 3px 9px;display:grid;justify-items:center;align-content:start;border-right:1px solid rgba(255,255,255,.75)}.growth-tool-grid button:last-child{border-right:0}.growth-tool-grid svg{width:34px;height:34px;margin-bottom:4px;color:#a18b6b}.growth-tool-grid b{font-family:var(--serif);font-size:12px;font-weight:500;white-space:nowrap;color:#3f4952}.growth-tool-grid small{margin-top:1px;font-size:8px;white-space:nowrap;color:#949da4}

/* 道场统一详情骨架 */
.growth-domain-page{--growth-gold:#aa8a56;--growth-ink:#303945;--growth-sub:#75818b;position:relative;margin:0 -2px;padding-bottom:20px;color:var(--growth-ink)}
.growth-domain-head{min-height:92px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 3px 8px;position:relative}
.growth-domain-back{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(75,96,112,.05)}.growth-domain-back svg{width:23px;height:23px;color:#7d8790}.growth-domain-head-copy{text-align:center;min-width:0}.growth-domain-head-copy>small{display:block;color:#af956b;font-size:8.5px;letter-spacing:.16em}.growth-domain-head-copy h1{margin-top:1px;font-size:27px;letter-spacing:4px;line-height:1.25;color:#323d47}.growth-domain-head-copy p{margin-top:1px;color:#7c8992;font-size:10.5px;letter-spacing:1px}.growth-domain-head-status{max-width:82px;padding:6px 8px;border-radius:14px;border:1px solid rgba(190,168,129,.14);background:rgba(255,255,255,.48);color:#9b835d;font-size:8.5px;text-align:center;line-height:1.4}
.growth-domain-hero{position:relative;min-height:228px;margin:0 -14px 12px;padding:24px 24px 19px;overflow:hidden;border-radius:0 0 36px 36px;background:linear-gradient(180deg,rgba(235,244,250,.88),rgba(248,250,252,.62));text-align:center;isolation:isolate}
.growth-domain-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.72)),url(../../../assets/dawn-world.webp) center 66%/cover;opacity:.48;mix-blend-mode:multiply;z-index:-2}.growth-domain-hero:after{content:"";position:absolute;width:206px;height:206px;left:50%;top:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(219,236,247,.24) 43%,transparent 70%);z-index:-1}
.growth-domain-hero-totem{width:78px;height:78px;margin:0 auto 11px;border:0;border-radius:0;display:grid;place-items:center;background:transparent;box-shadow:none;overflow:visible}.growth-domain-hero-totem svg{width:47px;height:47px;color:#987c53}.growth-domain-hero-copy small{display:block;color:#ae9164;font-size:8.5px;letter-spacing:.18em}.growth-domain-hero-copy h2{max-width:350px;margin:4px auto 0;font-size:22px;line-height:1.45;color:#333e48}.growth-domain-hero-copy p{max-width:350px;margin:7px auto 0;color:#77838c;font-size:11.5px;line-height:1.7}.growth-domain-practice-cta{min-height:40px;margin-top:13px;padding:0 17px;border-radius:21px;border:1px solid rgba(171,140,87,.24);background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(237,226,207,.66));color:#8e7147;font-size:11px;box-shadow:0 7px 20px rgba(145,111,62,.07)}
.growth-domain-tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:38;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -1px 14px;padding:6px;border-radius:22px;background:rgba(247,249,252,.88);border:1px solid rgba(255,255,255,.9);box-shadow:0 7px 24px rgba(68,89,105,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.growth-domain-tabs button{position:relative;min-height:38px;border-radius:17px;color:#858e96;font-size:11.5px;letter-spacing:1px}.growth-domain-tabs button.active{background:rgba(255,255,255,.88);color:#8b6f47;box-shadow:0 4px 14px rgba(78,99,116,.06),inset 0 0 0 1px rgba(195,165,112,.14)}
.growth-domain-content{min-height:330px;padding:0 2px 10px;animation:growthContentIn .22s ease both}.growth-detail-lead{padding:17px 16px 16px;border:1px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(240,246,250,.5));box-shadow:0 8px 28px rgba(70,92,108,.045)}.growth-detail-lead>small{color:#aa8a56;font-size:9px;letter-spacing:.15em}.growth-detail-lead h2{margin-top:5px;font-size:19px;line-height:1.55;color:#39434c}.growth-detail-lead p{margin-top:7px;color:#77838d;font-size:12px;line-height:1.8}.growth-mirror-lead h2{font-size:18px;font-family:var(--serif);font-weight:400}.growth-mirror-dimensions{display:grid;gap:9px;margin-top:12px}.growth-mirror-dimensions article{display:grid;grid-template-columns:35px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border-radius:21px;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.5)}.growth-mirror-dimensions article>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf3f6;color:#9a8461;font-size:9px}.growth-mirror-dimensions b{font-family:var(--serif);font-size:14px;font-weight:500;color:#414b54}.growth-mirror-dimensions p{margin-top:3px;color:#7f8a93;font-size:10.5px;line-height:1.65}.growth-deeper-button{width:100%;min-height:44px;margin-top:10px;border-radius:21px;border:1px dashed rgba(169,144,103,.22);color:#8d7a5f;font-size:11px}.growth-deeper-button span{margin-left:5px;color:#a78a59}
.growth-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.growth-now-grid article{padding:13px;border:1px solid rgba(255,255,255,.85);border-radius:22px;background:rgba(255,255,255,.52)}.growth-now-grid small{color:#9b8769;font-size:8.5px;letter-spacing:.08em}.growth-now-grid strong{display:block;margin-top:4px;font-family:var(--serif);font-size:14px;font-weight:500;color:#414b54}.growth-now-grid p{margin-top:5px;color:#7e8991;font-size:10.5px;line-height:1.65}.growth-now-alert{background:linear-gradient(145deg,rgba(255,252,246,.75),rgba(247,241,230,.48))!important}.growth-detail-block{margin-top:15px}.growth-detail-block>header{display:flex;justify-content:space-between;align-items:end;margin:0 3px 8px}.growth-detail-block>header small{color:#b09972;font-size:8px;letter-spacing:.14em}.growth-detail-block>header h3{font-size:16px;color:#3e4851}.growth-force-list{display:grid;gap:7px}.growth-force-list div{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 13px;border-radius:19px;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.83);color:#697781;font-size:11px}.growth-force-list i{width:7px;height:7px;border-radius:50%;background:#b89a68;box-shadow:0 0 0 5px rgba(184,154,104,.09)}.growth-force-list .force-1{background:#8fa9bc}.growth-force-list .force-2{background:#b5b9b8}.growth-link-list{display:grid;gap:8px}.growth-link-list button{display:grid;grid-template-columns:58px minmax(0,1fr) 20px;align-items:center;gap:8px;min-height:60px;padding:9px 12px;border-radius:21px;border:1px solid rgba(255,255,255,.84);background:rgba(255,255,255,.52);text-align:left}.growth-link-list b{font-family:var(--serif);font-size:14px;font-weight:500;color:#8d734e}.growth-link-list span{font-size:10px;line-height:1.6;color:#79858e}.growth-link-list em{font-style:normal;color:#a2adb5}
.growth-practice-card{margin-top:11px;padding:17px 16px;border-radius:27px;border:1px solid rgba(191,160,105,.2);background:linear-gradient(150deg,rgba(255,253,247,.9),rgba(244,238,225,.52));box-shadow:0 9px 30px rgba(142,108,57,.055)}.growth-practice-card-head{display:flex;justify-content:space-between;gap:12px}.growth-practice-card-head small{color:#a58a5f;font-size:9px;letter-spacing:.12em}.growth-practice-card-head h3{margin-top:2px;font-size:18px;color:#3d464d}.growth-practice-card-head>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);color:#b19972;font-size:9px}.growth-practice-card ol{margin:14px 0 0;padding:0;counter-reset:practice;display:grid;gap:8px;list-style:none}.growth-practice-card li{counter-increment:practice;position:relative;padding:8px 8px 8px 37px;border-radius:16px;background:rgba(255,255,255,.52);color:#69757e;font-size:11px;line-height:1.55}.growth-practice-card li:before{content:counter(practice);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f1eadc;color:#9b8056;font-size:8px}.growth-reality-action{margin-top:12px;padding:11px 12px;border-radius:18px;border:1px solid rgba(171,140,87,.12);background:rgba(255,255,255,.56)}.growth-reality-action small{color:#a68b61;font-size:8.5px}.growth-reality-action p{margin-top:3px;font-size:11px;line-height:1.65;color:#596770}.growth-practice-card>button{width:100%;min-height:46px;margin-top:12px;border-radius:23px;background:linear-gradient(135deg,#ae9062,#8d7047);color:white;font-size:12px;letter-spacing:.08em}.growth-practice-card>button.done{background:#a4b2bb}.growth-reflect-card{margin-top:11px;padding:14px 15px;border-radius:24px;border:1px solid rgba(255,255,255,.84);background:rgba(255,255,255,.5)}.growth-reflect-card>small{color:#9c8868;font-size:9px}.growth-reflect-card h3{margin-top:4px;font-size:14px;line-height:1.6;color:#4b555e}.growth-reflect-card>div{display:grid;gap:5px;margin-top:9px}.growth-reflect-card span{padding:7px 9px;border-radius:14px;background:#f0f4f6;color:#7d8890;font-size:9.5px}
.growth-stage-river{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:15px;padding:16px 8px 13px;border-radius:26px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.84)}.growth-stage-river:before{content:"";position:absolute;left:13%;right:13%;top:31px;height:1px;background:linear-gradient(90deg,#caae7b,#d9e0e5)}.growth-stage-river article{text-align:center;position:relative;z-index:1}.growth-stage-river i{display:block;width:10px;height:10px;margin:10px auto 9px;border-radius:50%;background:#d4dde3;border:3px solid #f7fafc;box-shadow:0 0 0 1px #d7e0e6}.growth-stage-river article.is-active i{background:#b9965d;box-shadow:0 0 0 1px #cdb17f,0 0 13px #e9d7b8}.growth-stage-river small{display:block;color:#aab2b8;font-size:7.5px}.growth-stage-river b{display:block;font-family:var(--serif);font-size:12px;color:#59656e}.growth-stage-river p{margin:4px auto 0;max-width:74px;color:#929ba2;font-size:8px;line-height:1.5}.growth-evidence-empty{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding:15px;border:1px dashed rgba(159,175,186,.22);border-radius:23px;background:rgba(255,255,255,.35)}.growth-evidence-empty>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#e6f0f6)}.growth-evidence-empty svg{width:31px;height:31px;color:#a08760}.growth-evidence-empty small{color:#a99471;font-size:8px;letter-spacing:.12em}.growth-evidence-empty h3{margin-top:2px;font-size:13px;color:#4b555d}.growth-evidence-empty p{margin-top:3px;font-size:9.5px;color:#87929a;line-height:1.6}
@keyframes growthPrimaryBreath{0%,100%{opacity:.35}50%{opacity:.9}}@keyframes growthContentIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:360px){.growth-hero-v2{height:224px}.growth-hero-copy{padding-left:15px;padding-right:15px}.growth-hero-copy h1{font-size:28px}.growth-hero-core{left:15px;right:15px}.growth-tool-grid b{font-size:11px}.growth-tool-grid small{font-size:7.5px}.growth-domain-head{grid-template-columns:44px minmax(0,1fr) 70px}.growth-domain-head-status{max-width:70px;padding-left:5px;padding-right:5px}.growth-now-grid{grid-template-columns:1fr}.growth-stage-river{padding-left:3px;padding-right:3px}.growth-stage-river p{font-size:7.5px}}
@media(min-width:431px){.growth-hero-v2{height:252px}.growth-domain-hero{min-height:240px}.growth-domain-content{max-width:520px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.growth-domain-card.is-primary:after{animation:none!important}.growth-domain-content{animation:none!important}}


/* 成长十二生命道场｜V26 统一视觉与成长执行层
   图标直接使用用户提供的十二道场母图切片，不再叠加旧卡片、连接线与多层光斑。 */
#domainHubPage .growth-map{
  position:relative;
  margin-top:14px;
  padding:26px 13px 24px;
  overflow:hidden;
  border:1px solid rgba(211,221,231,.48);
  border-radius:34px;
  background:
    radial-gradient(80% 42% at 50% 0%,rgba(255,247,224,.44),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,252,255,.94));
  box-shadow:0 16px 48px rgba(93,117,141,.07),inset 0 1px 0 rgba(255,255,255,.98);
}
#domainHubPage .growth-map::before,
#domainHubPage .growth-map::after{content:none!important;display:none!important;}
#domainHubPage .growth-map>*{position:relative;z-index:1;}
#domainHubPage .growth-section-head.growth-dojo-head{display:block;margin:0 0 24px;padding:0;text-align:center;}
#domainHubPage .growth-dojo-head-main small{display:block;margin:0 0 6px;color:#b18b48;font-size:9px;letter-spacing:.3em;font-weight:650;}
#domainHubPage .growth-dojo-head-main h2{margin:0;color:#24364e;font-family:var(--serif);font-size:30px;font-weight:610;letter-spacing:.08em;}
#domainHubPage .growth-dojo-head-main h2::after{content:"";display:block;width:70px;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,#d2a74e 38%,#f6d78e 50%,#d2a74e 62%,transparent);box-shadow:0 0 12px rgba(216,178,90,.3);}
#domainHubPage .growth-dojo-subtitle{margin:10px 0 0;color:#67788d;font-size:13px;line-height:1.6;letter-spacing:.08em;}
#domainHubPage .growth-dojo-head-note{display:none!important;}

#domainHubPage .growth-domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 4px;margin:0;padding:0;}
#domainHubPage button.growth-domain-card{
  all:unset;box-sizing:border-box;position:relative;display:flex;min-width:0;min-height:0;height:auto;padding:0 1px;
  flex-direction:column;align-items:center;justify-content:flex-start;
  border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;
  outline:0!important;overflow:visible;text-align:center;isolation:isolate;cursor:pointer;-webkit-appearance:none;appearance:none;
  -webkit-tap-highlight-color:transparent;
}
#domainHubPage button.growth-domain-card::before,
#domainHubPage button.growth-domain-card::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}
#domainHubPage .growth-domain-index{display:none!important;}
#domainHubPage .growth-domain-totem{
  position:relative;display:block;width:min(21vw,94px);height:min(21vw,94px);margin:0 auto 3px;
  overflow:visible;border:0!important;border-radius:0!important;background:none!important;background-image:none!important;box-shadow:none!important;
  outline:0!important;transition:transform .2s ease;
}
#domainHubPage .growth-domain-totem::before,
#domainHubPage .growth-domain-totem::after,
#domainHubPage .growth-domain-card.is-primary .growth-domain-totem::before,
#domainHubPage .growth-domain-card.is-secondary .growth-domain-totem::before{
  content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important;
}
#domainHubPage .growth-domain-totem img{
  display:block!important;width:100%!important;height:100%!important;max-width:none;object-fit:contain;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important;mix-blend-mode:multiply;
}
#domainHubPage .growth-domain-card:active .growth-domain-totem{transform:scale(.96);}
#domainHubPage .growth-domain-card strong{display:block;margin:0;color:#263950;font-family:var(--serif);font-size:14px;font-weight:630;line-height:1.35;letter-spacing:.08em;white-space:nowrap;}
#domainHubPage .growth-domain-card small{display:block;max-width:100%;margin-top:3px;overflow:hidden;color:#8b99a8;font-size:8px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;}
#domainHubPage .growth-domain-card em{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:19px;margin-top:6px;padding:0 7px;border:1px solid rgba(198,209,220,.66);border-radius:999px;background:rgba(255,255,255,.72);color:#8998a5;font-size:7.5px;font-style:normal;line-height:1;box-shadow:inset 0 1px 0 #fff;white-space:nowrap;}
#domainHubPage .growth-domain-card.is-primary strong{color:#8a6425;}
#domainHubPage .growth-domain-card.is-primary em{border-color:rgba(215,178,102,.54);background:linear-gradient(180deg,rgba(255,252,244,.98),rgba(248,238,216,.92));color:#a87528;}
#domainHubPage .growth-domain-card.is-secondary em{border-color:rgba(147,181,218,.46);background:linear-gradient(180deg,rgba(249,252,255,.98),rgba(235,244,252,.92));color:#547da7;}
#domainHubPage .growth-path-legend{display:none!important;}
#domainHubPage .growth-primary-card{margin-top:14px;}

/* 同一套道场图也用于“当前主修”和详细页，避免入口与详情视觉割裂。 */
.growth-primary-mark{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.growth-primary-mark .growth-dojo-art{display:block;width:62px;height:62px;object-fit:contain;border-radius:0;filter:drop-shadow(0 7px 12px rgba(157,128,73,.13));}
.growth-domain-hero-totem{width:94px!important;height:94px!important;margin-bottom:7px!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.growth-domain-hero-totem .growth-dojo-art{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;filter:drop-shadow(0 12px 20px rgba(129,151,174,.16));}

/* 详细道场｜文档三执行结构：成熟状态、六维、现实练习、证据、G0-G6。 */
#growthDomainPage .growth-domain-head-status{white-space:nowrap;}
#growthDomainPage .growth-detail-lead{margin-bottom:12px;padding:20px 18px;border:1px solid rgba(173,190,205,.17);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,250,253,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 32px rgba(94,117,138,.045);}
#growthDomainPage .growth-detail-lead>small{color:#a5844d;font-size:9px;letter-spacing:.18em;}
#growthDomainPage .growth-detail-lead h2{margin:8px 0 8px;color:#2e3d4d;font-size:20px;line-height:1.5;font-weight:590;letter-spacing:.015em;}
#growthDomainPage .growth-detail-lead p{margin:0;color:#76838f;font-size:13px;line-height:1.8;}

/* 星曜依据层：明确告诉用户本宫主星、四化、自化与辅煞如何影响这个领域。 */
#growthDomainPage .growth-star-impact{margin:0 0 12px;padding:18px;border:1px solid rgba(202,174,117,.22);border-radius:26px;background:linear-gradient(145deg,rgba(255,253,248,.88),rgba(247,250,253,.72));box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(94,117,138,.04);}
#growthDomainPage .growth-star-impact>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px;}
#growthDomainPage .growth-star-impact>header small{color:#b08b4d;font-size:8.5px;letter-spacing:.17em;}
#growthDomainPage .growth-star-impact>header h3{margin:0;color:#384957;font-size:15px;font-weight:620;text-align:right;}
#growthDomainPage .growth-star-signature{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 11px;border-radius:16px;background:rgba(242,247,250,.72);}
#growthDomainPage .growth-star-signature span{flex:none;color:#8d9aa4;font-size:8.5px;}
#growthDomainPage .growth-star-signature b{color:#8a6a36;font-size:11px;font-weight:650;}
#growthDomainPage .growth-star-impact-list{display:grid;gap:7px;}
#growthDomainPage .growth-star-impact-list article{padding:11px 12px;border:1px solid rgba(167,185,200,.13);border-radius:18px;background:rgba(255,255,255,.62);}
#growthDomainPage .growth-star-impact-list b{display:block;color:#425463;font-size:11px;font-weight:650;}
#growthDomainPage .growth-star-impact-list p{margin:4px 0 0;color:#6f7e89;font-size:10.5px;line-height:1.72;}
#growthDomainPage .growth-star-empty{margin:0;color:#8c979f;font-size:10.5px;line-height:1.7;}

#growthDomainPage .growth-mature-card{margin-bottom:12px;padding:18px;border:1px solid rgba(212,181,115,.23);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(253,238,201,.40),transparent 50%),rgba(255,253,248,.82);box-shadow:inset 0 1px 0 #fff;}
#growthDomainPage .growth-mature-card small{color:#b28a42;font-size:8.5px;letter-spacing:.18em;}
#growthDomainPage .growth-mature-card h3{margin:6px 0 7px;color:#57472f;font-size:16px;font-weight:600;}
#growthDomainPage .growth-mature-card p{margin:0;color:#776b5b;font-size:12.5px;line-height:1.8;}

#growthDomainPage .growth-six-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
#growthDomainPage .growth-six-dimensions article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;padding:12px 10px;border:1px solid rgba(169,185,199,.14);border-radius:19px;background:rgba(255,255,255,.55);}
#growthDomainPage .growth-six-dimensions article>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#edf3f8);color:#a98a54;font-size:8px;box-shadow:inset 0 0 0 1px rgba(167,184,197,.13);}
#growthDomainPage .growth-six-dimensions b{display:block;color:#465462;font-size:12px;font-weight:620;}
#growthDomainPage .growth-six-dimensions p{margin:4px 0 0;color:#778590;font-size:10.3px;line-height:1.7;}
#growthDomainPage .growth-six-dimensions-personal article{background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(247,250,253,.56));}
#growthDomainPage .growth-six-dimensions-personal b{color:#344a5c;}
#growthDomainPage .growth-imbalance-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;}
#growthDomainPage .growth-imbalance-chips span{display:inline-flex;min-height:29px;align-items:center;padding:0 11px;border-radius:999px;border:1px solid rgba(180,159,122,.18);background:rgba(251,247,239,.7);color:#806f55;font-size:10px;}
#growthDomainPage .growth-imbalance-note{margin:11px 0 0;color:#8d959c;font-size:10.5px;line-height:1.7;}

#growthDomainPage .growth-stage-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:13px;align-items:center;margin:0 0 12px;padding:15px 16px;border:1px solid rgba(157,180,200,.17);border-radius:24px;background:linear-gradient(135deg,rgba(242,248,253,.88),rgba(255,255,255,.72));}
#growthDomainPage .growth-stage-card>div{padding-right:12px;border-right:1px solid rgba(161,182,200,.15);}
#growthDomainPage .growth-stage-card small{display:block;color:#8aa0b3;font-size:8px;letter-spacing:.08em;}
#growthDomainPage .growth-stage-card strong{display:block;margin-top:4px;color:#3d5266;font-size:14px;font-weight:620;}
#growthDomainPage .growth-stage-card p{margin:0;color:#73818d;font-size:11px;line-height:1.68;}
#growthDomainPage .growth-cross-copy{margin:3px 0 11px;color:#7c8893;font-size:11px;line-height:1.72;}

#growthDomainPage .growth-practice-card{padding:18px;border:1px solid rgba(171,188,203,.17);border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.91),rgba(247,250,253,.76));box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(90,113,134,.055);}
#growthDomainPage .growth-practice-card-head{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:12px;align-items:start;}
#growthDomainPage .growth-practice-card-head small{color:#a98a54;font-size:8.5px;letter-spacing:.1em;}
#growthDomainPage .growth-practice-card-head h3{margin:6px 0 5px;color:#314252;font-size:18px;line-height:1.48;font-weight:620;}
#growthDomainPage .growth-practice-card-head p{margin:0;color:#8a949d;font-size:10.5px;line-height:1.6;}
#growthDomainPage .growth-practice-card-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(207,173,105,.24);background:radial-gradient(circle at 35% 30%,#fff,#f3e6c9 55%,#e2c890);color:#9a7030;font-family:var(--serif);font-size:18px;box-shadow:0 7px 20px rgba(174,139,74,.11);}
#growthDomainPage .growth-practice-card ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:gstep;display:grid;gap:7px;}
#growthDomainPage .growth-practice-card ol li{counter-increment:gstep;position:relative;padding:10px 10px 10px 38px;border-radius:17px;background:rgba(246,249,252,.7);color:#63717d;font-size:11px;line-height:1.65;}
#growthDomainPage .growth-practice-card ol li::before{content:counter(gstep);position:absolute;left:10px;top:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#a48757;font-size:8px;box-shadow:inset 0 0 0 1px rgba(170,187,201,.15);}
#growthDomainPage .growth-reality-action{margin-top:13px;padding:13px 14px;border-radius:20px;border:1px solid rgba(217,181,104,.21);background:linear-gradient(135deg,rgba(255,251,240,.86),rgba(251,246,233,.60));}
#growthDomainPage .growth-reality-action small{color:#ad8441;font-size:8px;letter-spacing:.15em;}
#growthDomainPage .growth-reality-action p{margin:5px 0 0;color:#5d513f;font-size:12px;line-height:1.68;}
#growthDomainPage .growth-practice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;}
#growthDomainPage .growth-practice-actions button{min-height:42px;padding:0 10px;border-radius:21px;border:1px solid rgba(163,180,194,.18);background:rgba(255,255,255,.72);color:#74818c;font-size:10.5px;}
#growthDomainPage .growth-practice-actions button:first-child{grid-column:1/-1;border-color:rgba(188,151,82,.29);background:linear-gradient(135deg,#cdb485,#aa8854);color:#fff;font-size:12px;box-shadow:0 10px 24px rgba(169,136,80,.16);}
#growthDomainPage .growth-practice-actions button:first-child.done{background:linear-gradient(135deg,#b8cbd8,#8ea8ba);box-shadow:0 8px 20px rgba(106,140,163,.13);}
#growthDomainPage .growth-practice-feedback{margin-top:14px;padding:15px;border-radius:22px;border:1px solid rgba(151,176,195,.17);background:rgba(246,250,253,.72);}
#growthDomainPage .growth-practice-feedback[hidden]{display:none!important;}
#growthDomainPage .growth-practice-feedback>small{display:block;margin-bottom:10px;color:#7c94a6;font-size:8.5px;letter-spacing:.13em;}
#growthDomainPage .growth-practice-feedback label{display:block;margin-top:9px;color:#596a78;font-size:10.5px;}
#growthDomainPage .growth-practice-feedback textarea{display:block;width:100%;min-height:66px;margin-top:5px;padding:10px 11px;resize:vertical;border:1px solid rgba(158,179,195,.2);border-radius:16px;outline:0;background:rgba(255,255,255,.88);color:#344552;font:400 12px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;box-shadow:inset 0 1px 0 #fff;}
#growthDomainPage .growth-practice-feedback textarea:focus{border-color:rgba(179,145,84,.35);box-shadow:0 0 0 3px rgba(181,148,91,.06);}
#growthDomainPage .growth-load-choice{display:flex;align-items:center;gap:6px;margin-top:11px;}
#growthDomainPage .growth-load-choice>span{margin-right:auto;color:#88939c;font-size:9px;}
#growthDomainPage .growth-load-choice button{min-height:28px;padding:0 9px;border:1px solid rgba(159,178,193,.16);border-radius:14px;background:#fff;color:#87929b;font-size:8.5px;}
#growthDomainPage .growth-load-choice button.active{border-color:rgba(191,157,91,.35);background:#fbf4e6;color:#9a7130;}
#growthDomainPage .growth-evidence-save{width:100%;min-height:43px;margin-top:12px;border:1px solid rgba(177,144,82,.3);border-radius:22px;background:linear-gradient(135deg,#c9b080,#a88753);color:#fff;font-size:11px;letter-spacing:.04em;box-shadow:0 10px 22px rgba(165,132,74,.15);}
#growthDomainPage .growth-reflect-card{margin-top:10px;padding:14px 15px;border-radius:22px;background:rgba(255,255,255,.5);border:1px dashed rgba(160,181,197,.22);}
#growthDomainPage .growth-reflect-card small{color:#9c8a6a;font-size:8px;letter-spacing:.12em;}
#growthDomainPage .growth-reflect-card h3{margin:5px 0 4px;color:#586570;font-size:12px;font-weight:560;}
#growthDomainPage .growth-reflect-card p{margin:0;color:#8e979e;font-size:9.5px;line-height:1.65;}

#growthDomainPage .growth-stage-road{position:relative;display:grid;gap:0;margin:0 0 12px;padding:5px 0 5px 2px;}
#growthDomainPage .growth-stage-road::before{content:"";position:absolute;left:27px;top:22px;bottom:22px;width:1px;background:linear-gradient(180deg,#dbc594,#cddce8 72%,rgba(205,220,232,.22));}
#growthDomainPage .growth-stage-road article{position:relative;display:grid;grid-template-columns:18px 35px minmax(0,1fr);gap:8px;align-items:start;padding:8px 8px 8px 18px;}
#growthDomainPage .growth-stage-road article>i{position:relative;z-index:1;width:17px;height:17px;margin-top:2px;border:4px solid #f7fafc;border-radius:50%;background:#dfe7ed;box-shadow:0 0 0 1px rgba(154,176,193,.24);}
#growthDomainPage .growth-stage-road article.is-done>i{background:#d7b46a;box-shadow:0 0 0 1px rgba(192,151,76,.28),0 0 10px rgba(211,172,91,.2);}
#growthDomainPage .growth-stage-road article.is-active>i{background:#7fa6c2;box-shadow:0 0 0 1px rgba(103,148,180,.34),0 0 0 5px rgba(126,167,196,.08);}
#growthDomainPage .growth-stage-road article>small{padding-top:3px;color:#a1acb5;font-size:8.5px;}
#growthDomainPage .growth-stage-road b{display:block;color:#4c5b67;font-size:11.5px;font-weight:620;}
#growthDomainPage .growth-stage-road p{margin:2px 0 0;color:#8a959d;font-size:9.5px;line-height:1.55;}
#growthDomainPage .growth-stage-road .is-active b{color:#54738a;}
#growthDomainPage .growth-evidence-block p{margin-top:10px;color:#82909a;font-size:10px;line-height:1.7;}
#growthDomainPage .growth-evidence-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px;}
#growthDomainPage .growth-evidence-levels span{display:grid;place-items:center;min-height:52px;padding:5px;border-radius:16px;border:1px solid rgba(158,180,197,.14);background:rgba(255,255,255,.58);}
#growthDomainPage .growth-evidence-levels b{color:#7991a3;font-size:9px;}
#growthDomainPage .growth-evidence-levels em{margin-top:3px;color:#3f5362;font-size:16px;font-style:normal;font-family:var(--serif);}
#growthDomainPage .growth-30day>div{display:grid;gap:8px;margin-top:12px;}
#growthDomainPage .growth-30day article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px;border:1px solid rgba(167,185,200,.13);border-radius:19px;background:rgba(255,255,255,.52);}
#growthDomainPage .growth-30day article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#edf3f7);color:#aa8953;font-size:9px;}
#growthDomainPage .growth-30day small{display:block;color:#9aa5ae;font-size:8px;}
#growthDomainPage .growth-30day b{display:block;margin-top:2px;color:#50606c;font-size:11px;font-weight:620;}
#growthDomainPage .growth-30day p{margin:3px 0;color:#85919a;font-size:9.3px;line-height:1.55;}
#growthDomainPage .growth-30day em{color:#a1814e;font-size:8.5px;font-style:normal;}
#growthDomainPage .growth-90day>div{display:grid;gap:8px;margin-top:12px;}
#growthDomainPage .growth-90day article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px;border:1px solid rgba(168,184,198,.13);border-radius:19px;background:linear-gradient(145deg,rgba(249,252,255,.72),rgba(255,255,255,.56));}
#growthDomainPage .growth-90day article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f6fbff,#e1edf5);color:#68879f;font-size:9px;}
#growthDomainPage .growth-90day small{display:block;color:#94a3ae;font-size:8px;}
#growthDomainPage .growth-90day b{display:block;margin-top:2px;color:#4e606d;font-size:11px;font-weight:620;}
#growthDomainPage .growth-90day p{margin:3px 0 0;color:#85919a;font-size:9.3px;line-height:1.55;}
#growthDomainPage .growth-90day-note{margin:11px 1px 0!important;padding:10px 12px;border-radius:16px;background:rgba(247,242,232,.64);color:#8d7a5b!important;font-size:9.5px!important;line-height:1.65!important;}

@media(max-width:390px){
  #domainHubPage .growth-map{padding:22px 7px 21px;border-radius:29px;}
  #domainHubPage .growth-section-head.growth-dojo-head{margin-bottom:20px;}
  #domainHubPage .growth-dojo-head-main h2{font-size:27px;}
  #domainHubPage .growth-dojo-subtitle{font-size:12px;}
  #domainHubPage .growth-domain-grid{gap:13px 1px;}
  #domainHubPage .growth-domain-totem{width:min(22vw,84px);height:min(22vw,84px);margin-bottom:3px;}
  #domainHubPage .growth-domain-card strong{font-size:13px;}
  #domainHubPage .growth-domain-card small{font-size:7.3px;}
  #domainHubPage .growth-domain-card em{min-width:39px;min-height:18px;margin-top:5px;padding:0 6px;font-size:7px;}
  #growthDomainPage .growth-six-dimensions{grid-template-columns:1fr;}
  #growthDomainPage .growth-stage-card{grid-template-columns:92px minmax(0,1fr);gap:10px;}
}
@media(min-width:431px){
  #domainHubPage .growth-domain-grid{gap:21px 8px;}
  #domainHubPage .growth-domain-totem{width:96px;height:96px;}
}
@media(prefers-reduced-motion:reduce){
  #domainHubPage .growth-domain-totem{transition:none!important;}
  #growthDomainPage *{scroll-behavior:auto!important;}
}

/* V29 · 十二生命道场运行时引擎：现实输入 / 主修解释 / 用户纠偏 */
#domainHubPage .growth-runtime-label{display:inline-flex;align-items:center;min-height:25px;margin:10px 0 0;padding:0 10px;border:1px solid rgba(167,184,199,.22);border-radius:999px;background:rgba(248,251,253,.74);color:#708296;font-size:9px;letter-spacing:.04em;}
#domainHubPage .growth-runtime-input{margin:12px 0 18px;padding:13px 14px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(247,250,253,.66));border:1px solid rgba(161,181,199,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 26px rgba(87,111,132,.04);}
#domainHubPage .growth-runtime-input-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent;text-align:left;color:inherit;}
#domainHubPage .growth-runtime-input-toggle span{display:grid;gap:3px;}
#domainHubPage .growth-runtime-input-toggle small{color:#ad8b52;font-size:7.5px;letter-spacing:.18em;}
#domainHubPage .growth-runtime-input-toggle b{color:#344a5e;font-size:12px;font-weight:620;}
#domainHubPage .growth-runtime-input-toggle em{font-style:normal;color:#70879b;font-size:9px;padding:6px 9px;border:1px solid rgba(151,174,194,.22);border-radius:999px;background:rgba(255,255,255,.68);}
#domainHubPage .growth-runtime-event-form{display:grid;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(163,182,199,.13);}
#domainHubPage .growth-runtime-event-form[hidden]{display:none!important;}
#domainHubPage .growth-runtime-event-form label{display:grid;gap:6px;color:#70808e;font-size:9px;line-height:1.5;}
#domainHubPage .growth-runtime-event-form textarea,#domainHubPage .growth-runtime-event-form select{width:100%;box-sizing:border-box;border:1px solid rgba(155,177,196,.22);border-radius:15px;background:rgba(255,255,255,.84);color:#35495b;font:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.98);}
#domainHubPage .growth-runtime-event-form textarea{min-height:72px;padding:10px 11px;resize:vertical;font-size:11px;line-height:1.65;}
#domainHubPage .growth-runtime-event-form select{height:38px;padding:0 10px;font-size:10px;}
#domainHubPage .growth-runtime-event-row{display:grid;grid-template-columns:1.35fr .8fr;gap:8px;}
#domainHubPage .growth-runtime-event-save{min-height:40px;border:1px solid rgba(193,158,91,.25);border-radius:15px;background:linear-gradient(180deg,rgba(255,251,242,.98),rgba(247,236,215,.92));color:#8e682e;font-size:10px;font-weight:620;}
#domainHubPage .growth-runtime-input>p{margin:10px 1px 0;color:#929ca5;font-size:8.8px;line-height:1.6;}

#growthDomainPage .growth-runtime-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
#growthDomainPage .growth-runtime-state-badge{flex:none;display:inline-flex;align-items:center;min-height:23px;padding:0 9px;border:1px solid rgba(165,184,200,.2);border-radius:999px;background:rgba(249,252,254,.76);color:#728597;font-size:8px;}
#growthDomainPage .growth-runtime-why{margin:0 0 12px;padding:16px;border:1px solid rgba(168,187,203,.16);border-radius:23px;background:rgba(251,253,254,.72);}
#growthDomainPage .growth-runtime-why header{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px;}
#growthDomainPage .growth-runtime-why small{color:#a88a58;font-size:7.5px;letter-spacing:.16em;}
#growthDomainPage .growth-runtime-why h3{margin:0;color:#455767;font-size:13px;font-weight:620;}
#growthDomainPage .growth-runtime-why ol{display:grid;gap:6px;margin:0;padding-left:18px;color:#6f7e8a;font-size:10.5px;line-height:1.65;}
#growthDomainPage .growth-runtime-why p{margin:0;color:#7d8993;font-size:10.5px;line-height:1.7;}
#growthDomainPage .growth-runtime-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:14px 15px;border:1px solid rgba(198,170,110,.18);border-radius:23px;background:linear-gradient(145deg,rgba(255,253,248,.78),rgba(249,251,253,.68));}
#growthDomainPage .growth-runtime-choice>div{min-width:0;}
#growthDomainPage .growth-runtime-choice small{display:block;color:#aa8952;font-size:8px;letter-spacing:.08em;}
#growthDomainPage .growth-runtime-choice p{margin:4px 0 0;color:#788590;font-size:9.5px;line-height:1.55;}
#growthDomainPage .growth-runtime-choice button,#growthDomainPage .growth-runtime-choice>span{flex:none;min-height:31px;padding:0 11px;border:1px solid rgba(197,160,89,.28);border-radius:999px;background:rgba(255,251,241,.9);color:#916a2c;font-size:9px;}
#growthDomainPage .growth-runtime-choice>span{display:inline-flex;align-items:center;}
#growthDomainPage .growth-runtime-feedback,#growthDomainPage .growth-mirror-feedback{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:11px 13px;border:1px solid rgba(165,184,200,.14);border-radius:20px;background:rgba(249,252,254,.6);}
#growthDomainPage .growth-runtime-feedback>span,#growthDomainPage .growth-mirror-feedback>span{color:#768694;font-size:9.5px;line-height:1.45;}
#growthDomainPage .growth-runtime-feedback>div,#growthDomainPage .growth-mirror-feedback>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
#growthDomainPage .growth-runtime-feedback button,#growthDomainPage .growth-mirror-feedback button{min-height:28px;padding:0 9px;border:1px solid rgba(155,177,196,.2);border-radius:999px;background:rgba(255,255,255,.78);color:#637a8f;font-size:8px;}
#growthDomainPage .growth-capability-prereq{display:block;margin-top:7px;color:#9b7a47;font-size:8.5px;font-style:normal;line-height:1.5;}
#growthDomainPage .growth-capability-feedback{margin-top:-3px;}


/* V31 · LifeEvent + Practice Prescription 新增组件（仅新增语义组件，不覆盖既有布局） */
#domainHubPage .growth-runtime-event-confirm{display:grid;gap:7px;margin-top:11px;padding:12px;border:1px solid rgba(198,160,88,.22);border-radius:18px;background:rgba(255,250,239,.7);}
#domainHubPage .growth-runtime-event-confirm[hidden]{display:none!important;}
#domainHubPage .growth-runtime-event-confirm small{color:#a27d42;font-size:8px;letter-spacing:.12em;}
#domainHubPage .growth-runtime-event-confirm b{color:#425667;font-size:11px;line-height:1.55;font-weight:620;}
#domainHubPage .growth-runtime-event-confirm p{margin:0;color:#83909a;font-size:9px;line-height:1.6;}
#domainHubPage .growth-runtime-event-confirm>div{display:flex;gap:6px;flex-wrap:wrap;}
#domainHubPage .growth-runtime-event-confirm button{min-height:30px;padding:0 10px;border:1px solid rgba(181,151,96,.22);border-radius:999px;background:rgba(255,255,255,.8);color:#806438;font-size:8.5px;}
#domainHubPage .growth-runtime-event-list{display:grid;gap:6px;margin-top:9px;}
#domainHubPage .growth-runtime-event-list:empty{display:none;}
#domainHubPage .growth-runtime-event-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-radius:15px;background:rgba(247,250,252,.68);border:1px solid rgba(160,180,196,.12);}
#domainHubPage .growth-runtime-event-list span{color:#9b7a45;font-size:8px;}
#domainHubPage .growth-runtime-event-list p{margin:0;color:#657582;font-size:9px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#domainHubPage .growth-runtime-event-list em{font-style:normal;color:#9ca6ae;font-size:7.5px;}

#growthDomainPage .growth-practice-context,#growthDomainPage .growth-practice-trigger,#growthDomainPage .growth-practice-evidence,#growthDomainPage .growth-practice-stop,#growthDomainPage .growth-practice-fallback{margin-top:10px;padding:10px 11px;border-radius:17px;background:rgba(247,250,252,.7);border:1px solid rgba(164,183,198,.12);}
#growthDomainPage .growth-practice-context small,#growthDomainPage .growth-practice-trigger small,#growthDomainPage .growth-practice-evidence small,#growthDomainPage .growth-practice-stop small,#growthDomainPage .growth-practice-fallback small{display:block;color:#a38350;font-size:8px;letter-spacing:.08em;}
#growthDomainPage .growth-practice-context p,#growthDomainPage .growth-practice-trigger p,#growthDomainPage .growth-practice-evidence p,#growthDomainPage .growth-practice-stop p,#growthDomainPage .growth-practice-fallback p{margin:4px 0 0;color:#657582;font-size:10px;line-height:1.65;}
#growthDomainPage .growth-practice-trigger{background:rgba(245,249,252,.86);}
#growthDomainPage .growth-practice-evidence{background:rgba(250,248,241,.72);}
#growthDomainPage .growth-practice-stop{background:rgba(250,247,244,.62);}
#growthDomainPage .growth-practice-fallback{background:rgba(250,252,253,.66);}
#growthDomainPage .growth-practice-preconditions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;}
#growthDomainPage .growth-practice-preconditions span{padding:5px 8px;border-radius:999px;background:rgba(255,248,234,.75);border:1px solid rgba(197,160,91,.16);color:#8e7144;font-size:8px;}
#growthDomainPage .growth-fit-choice,#growthDomainPage .growth-load-choice{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px;}
#growthDomainPage .growth-fit-choice>span,#growthDomainPage .growth-load-choice>span{margin-right:auto;color:#748492;font-size:9px;}
#growthDomainPage .growth-fit-choice button,#growthDomainPage .growth-load-choice button{min-height:29px;padding:0 9px;border:1px solid rgba(155,177,196,.2);border-radius:999px;background:rgba(255,255,255,.8);color:#748492;font-size:8.5px;}
#growthDomainPage .growth-fit-choice button.active,#growthDomainPage .growth-load-choice button.active{border-color:rgba(188,151,82,.3);background:rgba(255,248,232,.9);color:#916b30;}
#growthDomainPage .growth-evidence-save{width:100%;min-height:42px;margin-top:12px;border:0;border-radius:21px;background:linear-gradient(135deg,#c5aa78,#a58350);color:#fff;font-size:11px;}
#growthDomainPage .growth-practice-actions button[data-growth-practice-reject]{color:#8b7272;background:rgba(252,248,248,.72);}

/* 灵境 · 正缘匹配 V1.0
 * 白日轻科幻 / 双点缘线 / 移动端优先。
 * 独立子页面使用自己的固定顶部与中间滚动层；主导航始终固定在物理屏幕底部。
 */

:root{
  --sm-safe-top:max(8px,env(safe-area-inset-top,0px));
  --sm-safe-bottom:max(8px,env(safe-area-inset-bottom,0px));
  --sm-head-h:64px;
  --sm-nav-reserve:82px;
  --sm-ink:#171916;
  --sm-muted:#777a76;
  --sm-faint:#a2a7a2;
  --sm-gold:#aa8d56;
  --sm-gold-2:#c5ad78;
  --sm-blue:#718da5;
  --sm-bg:#f7f8f5;
  --sm-card:rgba(255,255,252,.82);
  --sm-line:rgba(103,111,106,.13);
}

body.soul-match-page-active{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:var(--sm-bg)!important;
}
body.soul-match-page-active .app>.top{display:none!important;}
body.soul-match-page-active .app{padding-top:0!important;min-height:100dvh!important;}
body.soul-match-page-active>.bottom{
  /* 主导航几何完全交给全局 dawn/layout.css：固定 bottom:0 + margin:auto 居中。
     正缘页只提升层级，不再改 bottom/left/transform，避免被单页样式再次抬高。 */
  z-index:2147483000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.soul-match-page-active>.bottom .nav:first-child{opacity:1;}

#matchPage.soul-match-page{
  position:fixed!important;
  inset:0!important;
  z-index:44!important;
  display:none;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  color:var(--sm-ink);
  background:
    radial-gradient(circle at 16% -7%,rgba(201,217,229,.58),transparent 27%),
    radial-gradient(circle at 90% 11%,rgba(211,198,162,.35),transparent 29%),
    linear-gradient(180deg,#fbfcf9 0%,#f6f7f4 50%,#f3f5f2 100%);
  isolation:isolate;
}
#matchPage.soul-match-page.active{display:block!important;}
#matchPage.soul-match-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(96,111,107,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,111,107,.045) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.45) 38%,transparent 82%);
}

#matchPage .sm-topbar{
  position:absolute;
  z-index:12;
  top:0;
  left:0;
  right:0;
  height:calc(var(--sm-safe-top) + var(--sm-head-h));
  padding:var(--sm-safe-top) max(16px,calc((100vw - 760px)/2 + 18px)) 0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:8px;
  background:linear-gradient(180deg,rgba(250,251,248,.96) 0%,rgba(250,251,248,.82) 72%,rgba(250,251,248,0) 100%);
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
}
#matchPage .sm-topbar::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(520px,76vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(145,149,142,.16),transparent);
}
#matchPage .sm-back,#matchPage .sm-privacy{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid rgba(82,89,84,.09);
  border-radius:15px;
  color:#3b403d;
  background:rgba(255,255,252,.56);
  box-shadow:0 7px 24px rgba(60,65,61,.05),inset 0 1px rgba(255,255,255,.8);
}
#matchPage .sm-back{font-size:29px;font-weight:270;line-height:1;padding-bottom:3px;}
#matchPage .sm-privacy{position:relative;grid-auto-flow:column;gap:3px;padding:0 11px;}
#matchPage .sm-privacy span{display:block;width:3px;height:3px;border-radius:50%;background:#626963;box-shadow:0 0 0 2px rgba(174,148,92,.08);}
#matchPage .sm-top-title{text-align:center;min-width:0;transform:translateY(1px);}
#matchPage .sm-top-title small{display:block;margin-bottom:3px;color:#9a8763;font-size:8px;letter-spacing:.22em;font-weight:700;}
#matchPage .sm-top-title h1{margin:0;font-size:18px;line-height:1.1;font-weight:680;letter-spacing:.12em;color:#1d201d;}

#matchPage .sm-scroll{
  position:absolute;
  z-index:2;
  top:calc(var(--sm-safe-top) + var(--sm-head-h));
  left:0;
  right:0;
  bottom:calc(var(--sm-nav-reserve) + var(--sm-safe-bottom));
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  padding:8px max(16px,calc((100vw - 760px)/2 + 18px)) 54px;
  scrollbar-width:none;
}
#matchPage .sm-scroll::-webkit-scrollbar{display:none;}

#matchPage .sm-cosmos{
  position:relative;
  min-height:315px;
  overflow:hidden;
  margin:4px 0 14px;
  border:1px solid rgba(106,117,109,.09);
  border-radius:30px;
  background:
    radial-gradient(circle at 24% 38%,rgba(179,203,219,.24),transparent 24%),
    radial-gradient(circle at 76% 39%,rgba(213,193,150,.27),transparent 23%),
    linear-gradient(145deg,rgba(255,255,252,.88),rgba(247,249,247,.66));
  box-shadow:0 28px 70px rgba(56,67,60,.08),inset 0 1px rgba(255,255,255,.9);
}
#matchPage .sm-grid-plane{
  position:absolute;
  left:-16%;right:-16%;top:-12%;height:72%;
  opacity:.35;
  transform:perspective(500px) rotateX(67deg) translateY(-14%);
  transform-origin:50% 0;
  background-image:
    linear-gradient(rgba(117,134,144,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,134,144,.14) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%);
}
#matchPage .sm-orbit{
  position:absolute;
  left:50%;top:43%;
  border:1px solid rgba(135,146,143,.16);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
  box-shadow:0 0 28px rgba(139,161,175,.06);
}
#matchPage .sm-orbit-a{width:280px;height:116px;}
#matchPage .sm-orbit-b{width:208px;height:208px;transform:translate(-50%,-50%) rotate(62deg) scaleY(.34);border-color:rgba(179,152,97,.18);}
#matchPage .sm-node{
  position:absolute;
  top:107px;
  width:42px;height:42px;
  border-radius:50%;
  display:grid;place-items:center;
}
#matchPage .sm-node::before,#matchPage .sm-node::after{content:"";position:absolute;border-radius:50%;inset:-10px;border:1px solid currentColor;opacity:.12;animation:smPulse 4.8s ease-in-out infinite;}
#matchPage .sm-node::after{inset:-21px;opacity:.07;animation-delay:-1.6s;}
#matchPage .sm-node-you{left:calc(50% - 116px);color:#6f91aa;background:radial-gradient(circle,#ebf5fb 0 18%,#c9dde8 42%,rgba(154,188,207,.08) 70%,transparent 72%);box-shadow:0 0 30px rgba(112,153,179,.28);}
#matchPage .sm-node-peer{right:calc(50% - 116px);color:#b2955d;background:radial-gradient(circle,#fff8e8 0 18%,#ead6aa 42%,rgba(195,164,102,.08) 70%,transparent 72%);box-shadow:0 0 30px rgba(183,151,89,.24);animation-delay:-2.2s;}
#matchPage .sm-node i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor;opacity:.72;}
#matchPage .sm-link{position:absolute;left:0;right:0;top:0;width:100%;height:220px;overflow:visible;opacity:.9;filter:drop-shadow(0 0 4px rgba(173,150,104,.17));}
#matchPage .sm-cosmos-copy{position:absolute;left:25px;right:25px;bottom:23px;}
#matchPage .sm-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:2px;margin-right:6px;background:#b29a6d;box-shadow:0 0 10px rgba(178,154,109,.65);}
#matchPage .sm-cosmos-copy small{color:#8b8170;font-size:9px;font-weight:650;letter-spacing:.16em;}
#matchPage .sm-cosmos-copy h2{max-width:520px;margin:8px 0 8px;font-size:23px;line-height:1.32;font-weight:600;letter-spacing:.015em;color:#1c201d;}
#matchPage .sm-cosmos-copy p{max-width:520px;margin:0;color:#767b77;font-size:12.5px;line-height:1.75;}
@keyframes smPulse{0%,100%{transform:scale(.9);opacity:.06}50%{transform:scale(1.05);opacity:.17}}
@media(prefers-reduced-motion:reduce){#matchPage *{animation:none!important;transition:none!important;}}

#matchPage .sm-tabs{
  position:sticky;
  z-index:7;
  top:-8px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:0 0 14px;
  padding:7px;
  border:1px solid rgba(96,107,100,.09);
  border-radius:21px;
  background:rgba(247,249,246,.9);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 36px rgba(70,79,73,.06);
}
#matchPage .sm-tabs button{
  min-height:51px;
  padding:7px 4px;
  border:0;
  border-radius:15px;
  color:#8b8e89;
  background:transparent;
  transition:.28s ease;
}
#matchPage .sm-tabs button span{display:block;font-size:12.5px;font-weight:650;letter-spacing:.06em;}
#matchPage .sm-tabs button small{display:block;margin-top:3px;font-size:6.8px;letter-spacing:.14em;opacity:.56;}
#matchPage .sm-tabs button.active{
  color:#272c28;
  background:linear-gradient(145deg,rgba(255,255,252,.94),rgba(244,247,245,.8));
  box-shadow:0 8px 20px rgba(62,72,65,.07),inset 0 0 0 1px rgba(177,150,95,.13);
}
#matchPage .sm-tabs button.active::after{content:"";display:block;width:18px;height:1px;margin:5px auto 0;background:linear-gradient(90deg,transparent,#b39660,transparent);}

#matchPage .sm-view{display:grid;gap:12px;min-height:260px;}
#matchPage .sm-card{
  position:relative;
  overflow:hidden;
  padding:19px;
  border:1px solid rgba(99,109,102,.095);
  border-radius:25px;
  background:var(--sm-card);
  box-shadow:0 17px 46px rgba(66,75,69,.065),inset 0 1px rgba(255,255,255,.82);
}
#matchPage .sm-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.58),transparent 34%,rgba(190,163,108,.045) 70%,transparent);}
#matchPage .sm-card>*{position:relative;z-index:1;}
#matchPage .sm-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#918572;font-size:8px;letter-spacing:.16em;font-weight:700;}
#matchPage .sm-kicker b{font-size:9px;color:#6f7c78;font-weight:600;letter-spacing:.08em;}
#matchPage .sm-title{margin:0;font-size:20px;line-height:1.42;font-weight:620;color:#1e221f;}
#matchPage .sm-copy{margin:8px 0 0;color:#757a76;font-size:12px;line-height:1.8;}
#matchPage .sm-meta-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;}
#matchPage .sm-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(112,122,115,.1);border-radius:999px;background:rgba(248,250,247,.74);color:#68716b;font-size:9px;}
#matchPage .sm-chip.gold{border-color:rgba(172,145,91,.18);color:#8d7448;background:rgba(248,241,224,.54);}
#matchPage .sm-chip.blue{border-color:rgba(108,142,165,.15);color:#627f92;background:rgba(232,242,248,.58);}

#matchPage .sm-primary,#matchPage .sm-secondary,#matchPage .sm-quiet-button{
  min-height:48px;
  padding:0 16px;
  border-radius:16px;
  font-size:12px;
  letter-spacing:.05em;
  transition:transform .16s ease,box-shadow .16s ease;
}
#matchPage .sm-primary:active,#matchPage .sm-secondary:active{transform:scale(.985);}
#matchPage .sm-primary{
  border:1px solid rgba(157,126,70,.22);
  color:#29271f;
  background:linear-gradient(135deg,rgba(232,219,187,.9),rgba(246,241,225,.95));
  box-shadow:0 12px 28px rgba(149,125,78,.12),inset 0 1px rgba(255,255,255,.85);
}
#matchPage .sm-secondary{
  border:1px solid rgba(96,110,101,.11);
  color:#59625c;
  background:rgba(250,251,248,.72);
}
#matchPage .sm-quiet-button{border:0;color:#8b8f8a;background:transparent;}
#matchPage .sm-actions{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:9px;margin-top:16px;}
#matchPage .sm-actions.single{grid-template-columns:1fr;}

#matchPage .sm-gate{text-align:center;padding:27px 20px 22px;}
#matchPage .sm-gate-orb{width:78px;height:78px;margin:0 auto 16px;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(255,255,250,.96) 0 14%,rgba(205,219,226,.72) 25%,rgba(184,159,107,.18) 49%,transparent 63%);box-shadow:0 0 0 1px rgba(145,156,149,.12),0 0 40px rgba(123,151,168,.13);}
#matchPage .sm-gate-orb::before,#matchPage .sm-gate-orb::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(158,137,94,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg);}
#matchPage .sm-gate-orb::before{width:104px;height:36px;}#matchPage .sm-gate-orb::after{width:36px;height:104px;border-color:rgba(110,138,158,.14);}

#matchPage .sm-status-strip{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 15px;margin-top:11px;border-radius:17px;border:1px solid rgba(104,116,107,.085);background:rgba(244,247,244,.66);}
#matchPage .sm-status-strip span{font-size:10px;color:#6f7771;}#matchPage .sm-status-strip b{font-size:10px;color:#7d6a47;font-weight:650;}

#matchPage .sm-shadow-card{padding:0;}
#matchPage .sm-shadow-top{position:relative;min-height:170px;padding:18px;background:radial-gradient(circle at 70% 20%,rgba(211,193,153,.28),transparent 27%),radial-gradient(circle at 20% 65%,rgba(177,204,222,.27),transparent 31%),linear-gradient(145deg,rgba(250,252,249,.94),rgba(241,245,243,.72));border-bottom:1px solid rgba(100,111,104,.08);}
#matchPage .sm-shadow-field{height:95px;position:relative;}
#matchPage .sm-shadow-point{position:absolute;top:27px;width:30px;height:30px;border-radius:50%;}
#matchPage .sm-shadow-point.you{left:17%;background:radial-gradient(circle,#dcecf4 0 20%,#9bbdce 34%,transparent 68%);box-shadow:0 0 28px rgba(107,154,181,.3);}
#matchPage .sm-shadow-point.peer{right:17%;background:radial-gradient(circle,#f6ead0 0 20%,#d2b471 34%,transparent 68%);box-shadow:0 0 28px rgba(177,144,76,.28);}
#matchPage .sm-shadow-wave{position:absolute;left:24%;right:24%;top:42px;height:1px;background:linear-gradient(90deg,rgba(105,148,171,.18),#b79a61,rgba(211,181,116,.18));box-shadow:0 0 9px rgba(178,150,93,.2);}
#matchPage .sm-shadow-info{padding:18px 19px 20px;}
#matchPage .sm-shadow-info h3{margin:0;font-size:19px;font-weight:620;}
#matchPage .sm-shadow-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0;color:#7b817d;font-size:10px;}
#matchPage .sm-reason-list{display:grid;gap:8px;margin:15px 0 0;}
#matchPage .sm-reason-list p{margin:0;padding:10px 12px;border-radius:14px;background:rgba(246,248,245,.72);color:#606862;font-size:11px;line-height:1.65;}
#matchPage .sm-reason-list p::before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:#b49a66;vertical-align:2px;box-shadow:0 0 7px rgba(180,154,102,.4);}
#matchPage .sm-dim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;}
#matchPage .sm-dim{min-width:0;padding:10px 7px;border:1px solid rgba(101,114,106,.09);border-radius:15px;background:rgba(252,253,250,.66);text-align:center;}
#matchPage .sm-dim small{display:block;color:#939891;font-size:7px;letter-spacing:.08em;}
#matchPage .sm-dim b{display:block;margin-top:4px;color:#58655d;font-size:10px;font-weight:650;}

#matchPage .sm-journey-list{display:grid;gap:10px;}
#matchPage .sm-journey-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(99,110,103,.09);border-radius:20px;background:rgba(255,255,252,.77);box-shadow:0 13px 30px rgba(63,73,66,.055);}
#matchPage .sm-stage-orb{width:44px;height:44px;border-radius:50%;position:relative;background:radial-gradient(circle at 42% 40%,#f8f4e7 0 16%,#d9c396 28%,rgba(168,143,91,.11) 62%,transparent 64%);box-shadow:0 0 20px rgba(163,138,88,.15);}
#matchPage .sm-stage-orb::after{content:"";position:absolute;inset:8px;border:1px solid rgba(112,143,159,.25);border-radius:50%;}
#matchPage .sm-journey-card h4{margin:0 0 3px;font-size:12px;font-weight:650;}#matchPage .sm-journey-card p{margin:0;color:#858983;font-size:9px;line-height:1.55;}#matchPage .sm-journey-card em{font-style:normal;color:#a08655;font-size:10px;}

#matchPage .sm-mirror-hero{padding:21px;background:radial-gradient(circle at 82% 16%,rgba(194,211,222,.28),transparent 25%),linear-gradient(140deg,rgba(255,255,252,.9),rgba(246,246,238,.7));}
#matchPage .sm-mirror-symbol{width:54px;height:54px;margin-bottom:13px;position:relative;border:1px solid rgba(157,136,94,.2);border-radius:18px;transform:rotate(45deg);background:linear-gradient(145deg,rgba(255,255,252,.84),rgba(219,229,232,.48));box-shadow:0 0 24px rgba(115,146,164,.11);}
#matchPage .sm-mirror-symbol::before{content:"";position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(111,139,155,.28);box-shadow:inset 0 0 12px rgba(190,156,89,.12);}
#matchPage .sm-mirror-list{display:grid;gap:8px;margin-top:12px;}
#matchPage .sm-mirror-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-top:1px solid rgba(96,107,100,.075);}
#matchPage .sm-mirror-row:first-child{border-top:0;}
#matchPage .sm-mirror-row b{font-size:10px;color:#5d665f;font-weight:650;}#matchPage .sm-mirror-row span{font-size:10.5px;color:#7c817c;line-height:1.65;}

#matchPage .sm-empty{padding:30px 18px;text-align:center;}
#matchPage .sm-empty-icon{width:56px;height:56px;margin:0 auto 13px;border-radius:50%;border:1px solid rgba(119,133,123,.12);background:radial-gradient(circle,rgba(189,205,213,.34),transparent 62%);}
#matchPage .sm-empty h3{margin:0;font-size:15px;font-weight:620;}#matchPage .sm-empty p{max-width:360px;margin:8px auto 0;color:#858985;font-size:10.5px;line-height:1.7;}

#matchPage .sm-footnote{padding:21px 5px 6px;text-align:center;color:#959a95;}
#matchPage .sm-footnote span{display:block;font-size:8.5px;letter-spacing:.08em;}#matchPage .sm-footnote small{display:block;margin-top:5px;font-size:8px;opacity:.75;}

#matchPage .sm-loading{display:grid;place-items:center;min-height:235px;text-align:center;color:#8a8f8a;font-size:10px;}
#matchPage .sm-loader{width:34px;height:34px;margin-bottom:12px;border:1px solid rgba(164,140,92,.18);border-top-color:#aa8f5a;border-radius:50%;animation:smSpin .9s linear infinite;}
@keyframes smSpin{to{transform:rotate(360deg)}}

#matchPage .sm-sheet{
  position:absolute;
  z-index:90;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:0 max(0px,calc((100vw - 760px)/2));
}
#matchPage .sm-sheet[hidden]{display:none!important;}
#matchPage .sm-sheet-shade{position:absolute;inset:0;border:0;background:rgba(37,43,39,.28);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
#matchPage .sm-sheet-panel{position:relative;z-index:1;width:100%;max-height:calc(100dvh - var(--sm-safe-top) - 34px);overflow:hidden;border:1px solid rgba(94,105,98,.11);border-radius:30px 30px 0 0;background:rgba(250,251,248,.98);box-shadow:0 -30px 80px rgba(48,57,51,.16);}
#matchPage .sm-sheet-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(96,108,100,.08);}
#matchPage .sm-sheet-head small{display:block;color:#a0875a;font-size:7px;letter-spacing:.18em;}#matchPage .sm-sheet-head h2{margin:3px 0 0;font-size:17px;font-weight:650;}
#matchPage .sm-sheet-head button{width:38px;height:38px;border:1px solid rgba(95,105,99,.09);border-radius:13px;background:#fff;color:#777;font-size:22px;font-weight:300;}
#matchPage .sm-sheet-body{max-height:calc(100dvh - var(--sm-safe-top) - 104px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 18px calc(28px + var(--sm-safe-bottom));}
#matchPage .sm-form-grid{display:grid;gap:13px;}
#matchPage .sm-field label{display:flex;justify-content:space-between;margin:0 2px 6px;color:#686f69;font-size:9.5px;font-weight:650;}#matchPage .sm-field label small{font-size:8px;color:#9ca09b;font-weight:400;}
#matchPage .sm-field input,#matchPage .sm-field select,#matchPage .sm-field textarea{width:100%;min-height:44px;padding:0 12px;border:1px solid rgba(89,104,94,.12);border-radius:14px;outline:0;color:#2d332e;background:rgba(255,255,252,.9);font-size:12px;box-shadow:inset 0 1px 2px rgba(73,85,77,.025);}
#matchPage .sm-field textarea{min-height:92px;padding:11px 12px;resize:vertical;line-height:1.6;}
#matchPage .sm-two{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
#matchPage .sm-checks{display:flex;gap:7px;flex-wrap:wrap;}
#matchPage .sm-check{position:relative;}
#matchPage .sm-check input{position:absolute;opacity:0;pointer-events:none;}
#matchPage .sm-check span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(94,106,98,.1);border-radius:999px;background:rgba(255,255,252,.7);color:#777d78;font-size:10px;}
#matchPage .sm-check input:checked+span{border-color:rgba(172,145,91,.24);color:#7f6942;background:rgba(241,230,204,.6);box-shadow:0 0 0 3px rgba(180,154,100,.05);}
#matchPage .sm-form-note{padding:12px 13px;border-left:2px solid rgba(177,150,96,.38);border-radius:0 13px 13px 0;background:rgba(244,240,227,.45);color:#7b776e;font-size:9px;line-height:1.7;}
#matchPage .sm-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px;}
#matchPage .sm-sheet-actions.single{grid-template-columns:1fr;}

#matchPage .sm-yuanwen{display:grid;gap:12px;}
#matchPage .sm-question-card{padding:20px;border:1px solid rgba(100,112,104,.09);border-radius:24px;background:rgba(255,255,252,.82);}
#matchPage .sm-question-card small{color:#a0875a;font-size:8px;letter-spacing:.14em;}#matchPage .sm-question-card h3{margin:9px 0 13px;font-size:17px;line-height:1.5;font-weight:620;}#matchPage .sm-question-card textarea{width:100%;min-height:120px;padding:13px;border:1px solid rgba(99,113,104,.12);border-radius:17px;background:rgba(247,249,246,.7);font-size:12px;line-height:1.7;outline:0;resize:vertical;}
#matchPage .sm-answer-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}#matchPage .sm-answer-box{padding:12px;border-radius:16px;background:rgba(244,247,244,.72);color:#6e756f;font-size:10px;line-height:1.65;}#matchPage .sm-answer-box b{display:block;margin-bottom:5px;color:#515a53;font-size:9px;}

@media(max-width:420px){
  :root{--sm-head-h:60px;--sm-nav-reserve:76px;}
  #matchPage .sm-topbar{padding-left:12px;padding-right:12px;grid-template-columns:40px minmax(0,1fr) 40px;}
  #matchPage .sm-back,#matchPage .sm-privacy{width:39px;height:39px;border-radius:14px;}
  #matchPage .sm-scroll{padding-left:12px;padding-right:12px;}
  #matchPage .sm-cosmos{min-height:292px;border-radius:27px;}
  #matchPage .sm-cosmos-copy{left:20px;right:20px;bottom:20px;}
  #matchPage .sm-cosmos-copy h2{font-size:21px;}
  #matchPage .sm-node{top:98px;}
  #matchPage .sm-node-you{left:calc(50% - 105px)}#matchPage .sm-node-peer{right:calc(50% - 105px)}
  #matchPage .sm-dim-grid{grid-template-columns:repeat(3,1fr)}
  #matchPage .sm-card{padding:17px;border-radius:22px;}
  #matchPage .sm-shadow-card{padding:0;}
}

@media(min-width:760px){
  #matchPage .sm-scroll{padding-top:16px;}
  #matchPage .sm-cosmos{min-height:345px;}
  #matchPage .sm-cosmos-copy h2{font-size:27px;}
  #matchPage .sm-view{grid-template-columns:repeat(2,minmax(0,1fr));}
  #matchPage .sm-view>.sm-shadow-card,#matchPage .sm-view>.sm-gate,#matchPage .sm-view>.sm-mirror-hero,#matchPage .sm-view>.sm-empty,#matchPage .sm-view>.sm-loading{grid-column:1/-1;}
  #matchPage .sm-journey-list{grid-column:1/-1;}
}

/* V1.0 · 缘问之后的关系进程：盲缘 / 共行 / 相见 */
#matchPage .sm-stage-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 4px;}
#matchPage .sm-stage-progress i{display:block;width:22px;height:2px;border-radius:99px;background:rgba(106,119,111,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);transition:.3s ease;}
#matchPage .sm-stage-progress i.done{background:linear-gradient(90deg,rgba(113,141,165,.64),rgba(181,151,91,.78));box-shadow:0 0 10px rgba(170,141,86,.16);}
#matchPage .sm-blind-hero,#matchPage .sm-coop-hero,#matchPage .sm-reveal-card{background:radial-gradient(circle at 78% 18%,rgba(194,211,222,.22),transparent 28%),radial-gradient(circle at 16% 82%,rgba(209,192,151,.2),transparent 31%),rgba(255,255,252,.83);}
#matchPage .sm-blind .sm-question-card{background:linear-gradient(150deg,rgba(255,255,252,.88),rgba(244,247,245,.72));}
#matchPage .sm-reveal-nodes{position:relative;width:164px;height:58px;margin:2px auto 16px;display:flex;align-items:center;justify-content:space-between;}
#matchPage .sm-reveal-nodes i{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#d8e7ed 28%,rgba(114,151,173,.16) 63%,transparent 66%);box-shadow:0 0 23px rgba(111,150,173,.2);}
#matchPage .sm-reveal-nodes i:last-child{background:radial-gradient(circle,#fffdf8 0 12%,#ead9b6 28%,rgba(177,148,89,.15) 63%,transparent 66%);box-shadow:0 0 23px rgba(175,147,88,.18);}
#matchPage .sm-reveal-nodes span{position:absolute;left:28px;right:28px;top:28px;height:1px;background:linear-gradient(90deg,rgba(111,150,173,.12),rgba(181,151,91,.72),rgba(111,150,173,.12));box-shadow:0 0 10px rgba(176,149,94,.19);}

/* =========================================================
   主导航唯一几何源
   所有页面共用同一条物理底边。页面代码不得单独修改主导航 top/bottom/transform。
   ========================================================= */
:root{
  --lj-main-nav-base:70px;
  --lj-main-nav-safe:env(safe-area-inset-bottom,0px);
  --lj-main-nav-total:calc(var(--lj-main-nav-base) + var(--lj-main-nav-safe));
}

html body > #mainBottomNav.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:var(--lj-main-nav-total)!important;
  min-height:var(--lj-main-nav-total)!important;
  max-height:var(--lj-main-nav-total)!important;
  margin:0 auto!important;
  padding:4px 12px calc(3px + var(--lj-main-nav-safe))!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:end!important;
  gap:5px!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
  perspective:none!important;
  contain:none!important;
  overflow:hidden!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:none!important;
  z-index:2147483000!important;
  border-radius:30px 30px 0 0!important;
  background:#fafbfe!important;
  background-image:none!important;
  border-top:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 -8px 28px rgba(102,125,150,.055)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* 真言树洞不允许建立第二套导航坐标。显式复用主导航唯一物理底边，
   同时让本次构建产生新的缓存指纹，避免手机继续命中旧导航样式。 */
html body.truth-tree-page-active > #mainBottomNav.bottom{
  position:fixed!important;
  inset:auto 0 0 0!important;
  top:auto!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  margin:0 auto!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
}

html body > #mainBottomNav.bottom::before,
html body > #mainBottomNav.bottom::after{
  content:none!important;
  display:none!important;
}

html body > #mainBottomNav.bottom > .nav{
  min-width:0!important;
  width:100%!important;
  min-height:56px!important;
  height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  line-height:1.05!important;
  font-size:12px!important;
  transform:none!important;
  translate:none!important;
  overflow:visible!important;
}
html body > #mainBottomNav.bottom > .nav > .d-icon,
html body > #mainBottomNav.bottom > .nav > .d-nav-svg,
html body > #mainBottomNav.bottom > .nav > strong > svg{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  max-width:29px!important;
  max-height:29px!important;
  flex:0 0 29px!important;
  margin:0 auto!important;
  transform:none!important;
}
html body > #mainBottomNav.bottom > .nav > strong{
  width:29px!important;
  height:29px!important;
  min-height:29px!important;
  margin:0 0 1px!important;
  padding:0!important;
  display:block!important;
  line-height:29px!important;
  transform:none!important;
}
html body > #mainBottomNav.bottom > .nav > span{
  display:block!important;
  min-height:13px!important;
  height:13px!important;
  margin:1px 0 0!important;
  padding:0!important;
  line-height:13px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

@media (min-width:601px){
  :root{--lj-main-nav-base:72px;}
}

/* =========================================================
   V70 · 移动端单控制器
   规则：
   1) 主导航几何只由 nav-global.css 决定；键盘开启时只隐藏，不改坐标。
   2) 问事输入栏从 dojoPage 内部“脱离”，运行时直接挂到 body，避免被页面
      overflow / transform / visualViewport / 历史 hidden 状态裁掉。
   3) dojoPage.active 是问事页面是否显示的唯一真值；输入栏不再依赖旧会话状态显隐。
   ========================================================= */

:root{
  --lj-main-nav-base:70px;
  --lj-main-nav-safe:env(safe-area-inset-bottom,0px);
  --lj-main-nav-total:calc(var(--lj-main-nav-base) + var(--lj-main-nav-safe));
  --lj-composer-gap:8px;
}

html body.mobile-keyboard-open > #mainBottomNav.bottom,
html body.destiny-keyboard-open > #mainBottomNav.bottom{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* ---------- 问事页面本体 ---------- */
html body.destiny-page-active{
  overflow:hidden!important;
  overflow-x:hidden!important;
}
html body.destiny-page-active #dojoPage.destiny-page{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:var(--lj-main-nav-total)!important;
  left:0!important;
  inset:0 0 var(--lj-main-nav-total) 0!important;
  width:min(100%,480px)!important;
  max-width:480px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
  overflow:hidden!important;
}
html body.destiny-page-active.mobile-keyboard-open #dojoPage.destiny-page,
html body.destiny-page-active.destiny-keyboard-open #dojoPage.destiny-page{
  bottom:var(--lj-keyboard-cover,0px)!important;
  inset:0 0 var(--lj-keyboard-cover,0px) 0!important;
}
html body.destiny-page-active #dojoPage .destiny-shell{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
}
html body.destiny-page-active .destiny-chat{
  padding-bottom:100px!important;
}
html body.destiny-page-active .destiny-status{
  padding-bottom:0!important;
}

/* ---------- 问事输入栏：body 级固定层 ----------
   这是本次根修的核心。旧的 #dojoPage #destinyForm 规则全部退出最终几何控制。
*/
html body > #destinyForm.destiny-composer{
  display:none!important;
}
html body.destiny-page-active > #destinyForm.destiny-composer,
html body.destiny-page-active > #destinyForm.destiny-composer[hidden]{
  position:fixed!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  top:auto!important;
  right:12px!important;
  bottom:calc(var(--lj-main-nav-total) + var(--lj-composer-gap))!important;
  left:12px!important;
  inset:auto 12px calc(var(--lj-main-nav-total) + var(--lj-composer-gap)) 12px!important;
  width:auto!important;
  max-width:456px!important;
  min-height:56px!important;
  margin:0 auto!important;
  padding:6px 8px 6px 15px!important;
  transform:none!important;
  translate:none!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:none!important;
  z-index:2147483500!important;
  box-sizing:border-box!important;
}
html body.destiny-page-active.mobile-keyboard-open > #destinyForm.destiny-composer,
html body.destiny-page-active.destiny-keyboard-open > #destinyForm.destiny-composer{
  bottom:calc(var(--lj-keyboard-cover,0px) + 6px)!important;
  inset:auto 12px calc(var(--lj-keyboard-cover,0px) + 6px) 12px!important;
}
html body.destiny-page-active > #destinyForm.destiny-composer #destinyInput,
html body.destiny-page-active > #destinyForm.destiny-composer #destinySend{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html body.destiny-page-active > #destinyForm.destiny-composer #destinyInput{
  position:relative!important;
  inset:auto!important;
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:44px!important;
  transform:none!important;
  translate:none!important;
  font-size:16px!important;
  line-height:1.45!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
html body.destiny-page-active > #destinyForm.destiny-composer #destinySend{
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  pointer-events:auto!important;
}

/* ---------- 外观｜众生镜 ---------- */
html body.external-view-page-active{
  overflow:hidden!important;
  overflow-x:hidden!important;
  background:#f4f6fa!important;
}
#externalViewPage.external-view-page{
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
}
#externalViewPage .external-view-shell{
  bottom:var(--lj-main-nav-total)!important;
  padding-bottom:40px!important;
  scroll-padding-bottom:40px!important;
}
html body.mobile-keyboard-open.external-view-page-active #externalViewPage .external-view-shell{
  bottom:0!important;
  padding-bottom:24px!important;
  scroll-padding-bottom:24px!important;
}
#externalViewPage .ev-form-block input,
#externalViewPage input,
#externalViewPage textarea,
#externalViewPage select{
  font-size:16px!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}

@media (min-width:601px){
  :root{--lj-main-nav-base:72px;}
}

/* =========================================================
   V7.3 · 灵境「内观」
   克制的冥想空间：不做课程商城，不做宗教符号，不制造“必须有收获”。
   ========================================================= */
:root{
  --med-ink:#27323d;
  --med-ink-soft:#5e6b78;
  --med-muted:#8b96a3;
  --med-line:rgba(130,145,161,.16);
  --med-gold:#ae8a56;
  --med-gold-soft:#d8c7aa;
  --med-blue:#b9cede;
  --med-paper:#f7f9fb;
  --med-card:rgba(255,255,255,.82);
  --med-shadow:0 18px 52px rgba(80,103,126,.10),0 3px 10px rgba(90,108,126,.045);
}

body.meditation-page-active > .app{
  padding-top:0!important;
}
#meditationPage.lj-meditation-page{
  position:relative;
  min-height:calc(100dvh - var(--lj-main-nav-total,70px));
  margin:0 -16px;
  padding:0 16px 34px;
  color:var(--med-ink);
  overflow-x:hidden;
  background:
    radial-gradient(circle at 82% 11%,rgba(225,235,242,.8),transparent 25%),
    radial-gradient(circle at 8% 34%,rgba(240,231,214,.48),transparent 28%),
    linear-gradient(180deg,#f8fafc 0%,#f5f7fa 46%,#f8f9fb 100%);
}
#meditationPage.lj-meditation-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:radial-gradient(circle,rgba(103,125,146,.22) .55px,transparent .7px);
  background-size:18px 18px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 38%);
  mask-image:linear-gradient(180deg,#000 0%,transparent 38%);
}
.meditation-head{
  position:sticky;
  top:0;
  z-index:2147482500;
  height:calc(58px + env(safe-area-inset-top,0px));
  min-height:calc(58px + env(safe-area-inset-top,0px));
  padding:calc(env(safe-area-inset-top,0px) + 5px) 2px 5px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 54px;
  align-items:center;
  background:rgba(248,250,252,.985)!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:0 1px 0 rgba(131,148,164,.10)!important;
}
.meditation-head::before,.meditation-head::after{content:none!important;display:none!important}
.meditation-head-back,.meditation-head-record{
  width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#667483;
  display:grid;place-items:center;align-self:center;
}
.meditation-head-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.meditation-head-record{width:54px;font-family:var(--serif);font-size:13px;letter-spacing:2px;color:#7c6b55;justify-self:end}
.meditation-head-copy{min-width:0;text-align:center;align-self:center;padding:0 3px}
.meditation-head-copy h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--serif);font-size:19px;line-height:1.15;letter-spacing:3px;font-weight:400;color:#2f3c48}
.meditation-head-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;line-height:1.2;letter-spacing:2px;color:#89939e}
.meditation-shell{position:relative;z-index:2;max-width:448px;margin:0 auto}
.meditation-view[hidden]{display:none!important}
.meditation-section{margin-top:23px}
.meditation-kicker{display:block;font-size:10px;line-height:1.4;letter-spacing:3px;color:#9a7d55;text-transform:uppercase}
.meditation-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 4px 11px}
.meditation-section-title>div>span{display:block;font-size:10px;letter-spacing:2.6px;color:#a1845d;margin-bottom:4px}
.meditation-section-title h2{font-family:var(--serif);font-size:18px;letter-spacing:1.8px;font-weight:400;color:#34424f}
.meditation-section-title>em{font-style:normal;font-size:10px;letter-spacing:1.2px;color:#9aa4ae;white-space:nowrap}
.meditation-section-title.compact{margin-bottom:10px}

/* 首页静界 */
.meditation-stillness-hero{
  min-height:226px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:34px 34px 54px 34px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:24px 23px 23px;
  background:
    radial-gradient(circle at 68% 28%,rgba(255,255,255,.96) 0 5%,rgba(222,233,241,.55) 16%,transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.88),rgba(236,242,247,.76));
  box-shadow:var(--med-shadow);
}
.meditation-stillness-hero::after{content:"";position:absolute;inset:auto -15% -50% 26%;height:85%;border-radius:50%;background:radial-gradient(ellipse,rgba(198,218,231,.37),transparent 70%);transform:rotate(-8deg)}
.meditation-stillness-orbit{position:absolute;right:-2px;top:5px;width:206px;height:184px;pointer-events:none}
.meditation-orbit-ring{position:absolute;inset:30px 26px;border:1px solid rgba(174,143,99,.27);border-radius:50%;transform:rotate(-17deg)}
.meditation-orbit-ring.ring-b{inset:50px 7px 20px 45px;border-color:rgba(141,169,191,.25);transform:rotate(27deg)}
.meditation-orbit-core{position:absolute;left:67px;top:48px;width:91px;height:91px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff 0 5%,rgba(255,251,240,.98) 13%,rgba(208,226,238,.75) 39%,rgba(255,255,255,.5) 61%,rgba(174,200,218,.16) 73%,transparent 75%);box-shadow:0 0 34px rgba(255,255,255,.96),0 0 70px rgba(176,203,221,.26)}
.meditation-orbit-core::after{content:"";position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(255,255,255,.82);box-shadow:inset -12px 9px 28px rgba(126,170,201,.16)}
.meditation-orbit-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#c3a26e;box-shadow:0 0 9px #fff}
.meditation-orbit-dot.dot-a{right:28px;top:43px}.meditation-orbit-dot.dot-b{left:46px;bottom:27px;width:3px;height:3px;background:#99b6ca}
.meditation-hero-copy{position:relative;z-index:2;width:69%}
.meditation-hero-copy>p{margin-top:8px;font-family:var(--serif);font-size:22px;line-height:1.62;letter-spacing:1.7px;color:#31404c;text-wrap:balance}
.meditation-today-minutes{display:flex;align-items:baseline;gap:4px;margin-top:18px;color:#4b5b68}
.meditation-today-minutes strong{font-family:Georgia,var(--serif);font-size:31px;font-weight:400;line-height:1}
.meditation-today-minutes>span{font-size:10px;letter-spacing:1px;color:#89949f}.meditation-today-minutes small{margin-left:8px;font-size:10px;letter-spacing:1.5px;color:#8b96a0}

/* 今日推荐 */
.meditation-recommend-card{
  width:100%;min-height:137px;display:flex;align-items:center;gap:16px;text-align:left;padding:17px 18px;border:1px solid rgba(255,255,255,.94);border-radius:28px 38px 28px 28px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(237,243,247,.82));box-shadow:var(--med-shadow);position:relative;overflow:hidden
}
.meditation-recommend-card::after{content:"";position:absolute;inset:auto -15% -55% 28%;height:110%;background:radial-gradient(ellipse,rgba(218,230,238,.52),transparent 70%);pointer-events:none}
.meditation-recommend-field{width:91px;height:91px;flex:0 0 91px;position:relative;border-radius:50%;display:block;background:radial-gradient(circle,#fff 0 9%,rgba(240,246,249,.96) 25%,rgba(196,216,230,.64) 44%,rgba(255,255,255,.18) 66%,transparent 68%);box-shadow:0 0 0 1px rgba(173,145,104,.13),0 13px 35px rgba(103,134,158,.12)}
.meditation-recommend-field i,.meditation-recommend-field b{position:absolute;border:1px solid rgba(176,144,96,.24);border-radius:50%;inset:15px -4px;transform:rotate(-25deg)}
.meditation-recommend-field b{inset:26px 1px 7px 17px;border-color:rgba(132,168,192,.29);transform:rotate(38deg)}
.meditation-recommend-copy{display:block;min-width:0;position:relative;z-index:2}.meditation-recommend-copy small{display:block;font-size:9px;letter-spacing:2px;color:#a0835c;margin-bottom:4px}.meditation-recommend-copy strong{display:block;font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:2.3px;color:#31404c}.meditation-recommend-copy em{display:block;margin-top:6px;font-style:normal;font-size:11px;line-height:1.65;color:#6f7c88}.meditation-card-arrow{margin-left:auto;align-self:flex-start;color:#a89172;font-size:16px;position:relative;z-index:2}

/* 六境 */
.meditation-realm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.meditation-realm-card{min-height:99px;padding:14px 14px 13px;border-radius:23px;text-align:left;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.93);background:rgba(255,255,255,.64);box-shadow:0 11px 29px rgba(84,106,127,.06)}
.meditation-realm-card::before{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-14px;top:-14px;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(203,219,230,.3) 42%,transparent 69%)}
.meditation-realm-card::after{content:"";position:absolute;width:62px;height:34px;border:1px solid rgba(176,147,104,.2);border-radius:50%;right:-1px;top:15px;transform:rotate(-24deg)}
.meditation-realm-card small,.meditation-realm-card strong,.meditation-realm-card em{position:relative;z-index:2;display:block}.meditation-realm-card small{font-size:9px;letter-spacing:2px;color:#aa8a60}.meditation-realm-card strong{margin-top:6px;font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:2px;color:#344450}.meditation-realm-card em{font-style:normal;font-size:10px;color:#84909b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 最近 */
.meditation-recent-card{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px 15px;align-items:center;text-align:left;padding:17px 18px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.66);box-shadow:0 10px 26px rgba(80,104,126,.055)}
.meditation-recent-card small{font-size:9px;letter-spacing:1.7px;color:#9c855f}.meditation-recent-card strong{display:block;font-family:var(--serif);font-size:18px;font-weight:400;letter-spacing:1.5px}.meditation-recent-card em{font-style:normal;font-size:10px;color:#8d98a2}.meditation-recent-card span{grid-column:2;grid-row:1/3;padding:8px 10px;border:1px solid rgba(160,140,109,.17);border-radius:14px;font-size:10px;letter-spacing:1px;color:#816c50;background:rgba(255,255,255,.56)}
.meditation-recent-empty{padding:18px;border:1px dashed rgba(147,162,175,.22);border-radius:22px;text-align:center;color:#84909b;background:rgba(255,255,255,.38)}.meditation-recent-empty p{font-family:var(--serif);font-size:15px;letter-spacing:1px}.meditation-recent-empty button{margin-top:8px;color:#8a704f;font-size:11px;letter-spacing:1.5px}

/* 境与主题列表 */
.meditation-realm-view{padding-top:16px}.meditation-realm-hero{padding:9px 7px 21px;border-bottom:1px solid var(--med-line)}.meditation-realm-hero h2{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:5px;color:#31404d;margin-top:8px}.meditation-realm-hero p{margin-top:9px;max-width:340px;font-size:12px;line-height:1.9;letter-spacing:.5px;color:#73808c}
.meditation-theme-list{display:grid;gap:9px;margin-top:17px}.meditation-theme-row{width:100%;min-height:94px;display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:center;text-align:left;padding:12px 14px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.68);box-shadow:0 8px 25px rgba(80,105,128,.055)}
.meditation-theme-row-index{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,var(--serif);font-size:13px;color:#9d8058;background:radial-gradient(circle,#fff,rgba(215,228,237,.57) 46%,rgba(255,255,255,.2) 69%);border:1px solid rgba(190,165,128,.13)}
.meditation-theme-row-copy strong{font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:1.5px;display:block}.meditation-theme-row-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.55;color:#84909a}.meditation-theme-row-arrow{font-size:15px;color:#ad9676}.meditation-realm-note{margin:18px 8px 2px;font-size:10px;line-height:1.8;text-align:center;color:#9ca6af}

/* 主题详情 */
.meditation-theme-view{padding-top:6px}.meditation-theme-art{height:192px;position:relative;display:grid;place-items:center;overflow:hidden;margin:0 -2px}.meditation-theme-art::before{content:"";position:absolute;width:230px;height:125px;border-radius:50%;background:radial-gradient(ellipse,rgba(216,230,239,.65),transparent 68%);transform:rotate(-9deg)}
.meditation-theme-art-core{width:102px;height:102px;border-radius:50%;position:relative;background:radial-gradient(circle at 39% 31%,#fff 0 6%,#fff9e9 14%,rgba(205,225,239,.8) 38%,rgba(255,255,255,.45) 62%,transparent 72%);box-shadow:0 0 60px rgba(255,255,255,.9),0 20px 52px rgba(99,136,163,.14)}
.meditation-theme-art-ring{position:absolute;width:172px;height:68px;border:1px solid rgba(173,143,100,.26);border-radius:50%;transform:rotate(-22deg)}.meditation-theme-art-ring.ring-two{width:142px;height:116px;border-color:rgba(138,169,191,.25);transform:rotate(35deg)}
.meditation-theme-art-grain{position:absolute;width:4px;height:4px;border-radius:50%;background:#c4a472;box-shadow:0 0 10px white}.meditation-theme-art-grain.grain-a{transform:translate(82px,-42px)}.meditation-theme-art-grain.grain-b{transform:translate(-71px,39px);background:#abc1d1;width:3px;height:3px}.meditation-theme-art-grain.grain-c{transform:translate(54px,58px);width:2px;height:2px}
.meditation-theme-intro{text-align:center;padding:0 11px}.meditation-theme-intro h2{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:5px;line-height:1.25;margin-top:8px;color:#303e4a}.meditation-theme-intro>p{margin:9px auto 0;max-width:345px;font-family:var(--serif);font-size:15px;line-height:1.8;letter-spacing:.8px;color:#65727e}.meditation-theme-tags{margin-top:13px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.meditation-theme-tags span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(149,164,178,.12);font-size:9px;letter-spacing:1px;color:#87929c}
.meditation-setting-stack{display:grid;gap:10px;margin-top:26px}.meditation-setting-card{padding:15px 15px 14px;border:1px solid rgba(255,255,255,.92);border-radius:23px;background:rgba(255,255,255,.68);box-shadow:0 10px 30px rgba(84,105,125,.055)}.meditation-setting-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.meditation-setting-title>span{font-family:var(--serif);font-size:14px;letter-spacing:1.2px}.meditation-setting-title small{font-size:9px;letter-spacing:.6px;color:#9ba5ae}
.meditation-option-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.meditation-option-grid button{min-width:0;min-height:42px;padding:0;border-radius:13px;border:1px solid rgba(143,158,171,.11);background:rgba(248,250,252,.72);font-size:11px;color:#70808b}.meditation-option-grid button.is-selected{border-color:rgba(166,133,86,.36);background:linear-gradient(145deg,#fff,rgba(242,234,218,.72));color:#806848;box-shadow:0 4px 14px rgba(166,133,86,.09)}.meditation-option-grid button:disabled{opacity:.28;cursor:not-allowed}
.meditation-density-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.meditation-density-options button{text-align:left;padding:9px 10px;min-height:67px;border-radius:16px;border:1px solid rgba(143,158,171,.11);background:rgba(248,250,252,.72)}.meditation-density-options button strong{display:block;font-family:var(--serif);font-size:12px;font-weight:400;letter-spacing:1px}.meditation-density-options button small{display:block;margin-top:3px;font-size:8px;line-height:1.45;color:#939da6}.meditation-density-options button.is-selected{border-color:rgba(166,133,86,.35);background:linear-gradient(145deg,#fff,rgba(242,234,218,.7));color:#806848}
.meditation-sound-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.meditation-sound-options button{min-height:39px;border-radius:13px;background:rgba(248,250,252,.72);border:1px solid rgba(143,158,171,.11);font-size:10px;letter-spacing:.5px;color:#75818d}.meditation-sound-options button.is-selected{border-color:rgba(141,166,185,.36);background:linear-gradient(145deg,#fff,rgba(225,237,245,.8));color:#5f7687}
.meditation-method-card{margin-top:12px;padding:16px 17px;border-left:2px solid rgba(180,148,103,.35);border-radius:0 18px 18px 0;background:rgba(255,255,255,.45)}.meditation-method-card span{font-size:9px;letter-spacing:2px;color:#a0845c}.meditation-method-card p{margin-top:5px;font-size:11px;line-height:1.8;color:#6f7d89}.meditation-safety-note{margin:10px 8px 0;padding:11px 12px;border-radius:14px;background:rgba(248,242,232,.66);font-size:10px;line-height:1.7;color:#816f5a}.meditation-start-button{width:100%;min-height:67px;margin-top:18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#40535f,#6e7e88 62%,#9b8668);box-shadow:0 16px 34px rgba(66,87,100,.16);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.meditation-start-button span{font-family:var(--serif);font-size:17px;letter-spacing:2.5px}.meditation-start-button small{font-size:9px;letter-spacing:.8px;color:rgba(255,255,255,.72)}

/* 记录 */
.meditation-records-view{padding-top:14px}.meditation-records-summary{display:grid;grid-template-columns:1.3fr 1fr;gap:9px;margin-bottom:12px}.meditation-records-summary>div{min-height:117px;padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.93);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(235,242,247,.68));box-shadow:var(--med-shadow)}.meditation-records-summary span{display:block;font-size:9px;letter-spacing:1.7px;color:#9d825e}.meditation-records-summary strong{display:inline-block;margin-top:13px;font-family:Georgia,var(--serif);font-size:34px;font-weight:400;color:#344550}.meditation-records-summary small{margin-left:5px;font-size:9px;color:#8b96a0}
.meditation-record-card{margin-top:10px;padding:16px;border:1px solid rgba(255,255,255,.92);border-radius:23px;background:rgba(255,255,255,.66);box-shadow:0 10px 31px rgba(84,106,128,.05)}.meditation-record-card .meditation-section-title{margin:0 0 12px}.meditation-monthly-themes{display:grid;gap:7px}.meditation-month-theme{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(138,154,167,.1)}.meditation-month-theme:last-child{border-bottom:0}.meditation-month-theme>span{font-family:Georgia,var(--serif);font-size:10px;color:#ae8d61}.meditation-month-theme strong{font-family:var(--serif);font-size:13px;font-weight:400}.meditation-month-theme small{font-size:9px;color:#8f9aa4}.meditation-record-empty{padding:9px 0;font-size:10px;color:#9aa4ad;text-align:center}
.meditation-realm-stats{display:grid;gap:9px}.meditation-realm-stat{display:grid;grid-template-columns:62px 1fr 44px;gap:8px;align-items:center}.meditation-realm-stat>span{font-family:var(--serif);font-size:11px}.meditation-realm-stat>i{height:4px;border-radius:99px;background:#edf1f4;overflow:hidden}.meditation-realm-stat>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c7d8e4,#c4a77b)}.meditation-realm-stat>small{text-align:right;font-size:8px;color:#929da6}
.meditation-thirty-chart{height:92px;display:flex;align-items:flex-end;gap:3px;padding:8px 1px 1px;border-bottom:1px solid rgba(138,154,167,.12)}.meditation-thirty-chart i{flex:1;min-width:2px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,rgba(179,201,216,.9),rgba(183,157,118,.58));opacity:.75;min-height:2px}.meditation-thirty-chart i[data-zero="true"]{opacity:.18}
.meditation-reflection-list{display:grid;gap:8px}.meditation-reflection-item{padding:10px 0;border-bottom:1px solid rgba(138,154,167,.1)}.meditation-reflection-item:last-child{border-bottom:0}.meditation-reflection-item small{font-size:8px;letter-spacing:1px;color:#a0835d}.meditation-reflection-item p{margin-top:3px;font-size:11px;line-height:1.7;color:#667581}.meditation-reflection-item em{display:inline-block;margin-top:4px;font-style:normal;font-size:8px;color:#9ba5ae}

/* 进行中：真正的全屏空间 */
.meditation-session-overlay,.meditation-complete-overlay{position:fixed;inset:0;z-index:2147483600;width:min(100%,480px);margin:0 auto;background:#f6f8fa;color:#34414b;overflow:hidden;padding:env(safe-area-inset-top,0px) 18px env(safe-area-inset-bottom,0px)}
.meditation-session-overlay[hidden],.meditation-complete-overlay[hidden]{display:none!important}
html body.meditation-immersive-active > #mainBottomNav.bottom{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.meditation-session-overlay{display:grid;place-items:center;background:radial-gradient(circle at 50% 43%,#fff 0 3%,#f4f7f9 24%,#edf2f5 56%,#f7f8fa 100%)}
.meditation-session-sky{position:absolute;inset:0;pointer-events:none}.session-core{position:absolute;left:50%;top:45%;width:144px;height:144px;margin:-72px;border-radius:50%;background:radial-gradient(circle at 40% 34%,#fff 0 7%,rgba(255,250,234,.92) 14%,rgba(196,219,235,.74) 36%,rgba(255,255,255,.38) 61%,rgba(167,196,215,.1) 72%,transparent 74%);box-shadow:0 0 55px rgba(255,255,255,.95),0 0 110px rgba(161,192,213,.23);animation:medBreathe 7.5s ease-in-out infinite}.session-ring{position:absolute;left:50%;top:45%;width:230px;height:96px;margin:-48px -115px;border:1px solid rgba(176,146,103,.21);border-radius:50%;transform:rotate(-23deg);animation:medOrbit 22s linear infinite}.session-ring-b{width:178px;height:190px;margin:-95px -89px;border-color:rgba(133,166,190,.2);transform:rotate(34deg);animation-duration:30s;animation-direction:reverse}.session-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#c2a16c;box-shadow:0 0 8px white}.session-particle.p1{left:24%;top:30%}.session-particle.p2{right:21%;top:39%;background:#9fbacd;width:2px;height:2px}.session-particle.p3{left:31%;bottom:29%;width:2px;height:2px}.session-particle.p4{right:30%;bottom:23%;background:#aebfca;width:2px;height:2px}
@keyframes medBreathe{0%,100%{transform:scale(.94);opacity:.83}50%{transform:scale(1.06);opacity:1}}@keyframes medOrbit{to{transform:rotate(337deg)}}
.meditation-session-topic{position:absolute;top:calc(48px + env(safe-area-inset-top,0px));left:20px;right:20px;text-align:center;transition:opacity 1.4s ease}.meditation-session-topic span{display:block;font-size:9px;letter-spacing:3px;color:#a0845c}.meditation-session-topic strong{display:block;margin-top:7px;font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:4px}.meditation-session-topic.is-faded{opacity:0}
.meditation-session-timer{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-family:Georgia,var(--serif);font-size:13px;letter-spacing:3px;color:#84909a;transition:opacity .8s ease}.meditation-session-timer.is-hidden{opacity:0}
.meditation-session-prompt{position:absolute;left:34px;right:34px;bottom:calc(118px + env(safe-area-inset-bottom,0px));min-height:48px;text-align:center;font-family:var(--serif);font-size:14px;line-height:1.8;letter-spacing:1px;color:#61717e;opacity:0;transform:translateY(7px);transition:opacity .8s ease,transform .8s ease}.meditation-session-prompt.is-visible{opacity:1;transform:none}.meditation-session-tap{position:absolute;inset:0;width:100%;height:100%;padding:0;min-height:0;background:transparent!important;z-index:3}
.meditation-session-controls{position:absolute;z-index:8;left:22px;right:22px;bottom:calc(25px + env(safe-area-inset-bottom,0px));height:72px;padding:8px 10px;border-radius:25px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.98);box-shadow:0 18px 44px rgba(78,98,118,.13);animation:medControlsIn .18s ease-out}.meditation-session-controls[hidden]{display:none!important}@keyframes medControlsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.meditation-session-controls button{min-height:54px;display:grid;place-items:center;align-content:center;gap:2px;color:#657581}.meditation-session-controls button span{font-size:17px;font-family:Georgia,var(--serif);line-height:1}.meditation-session-controls button small{font-size:8px;letter-spacing:1px;color:#8c98a1}
.meditation-session-overlay.meditation-minimal .meditation-session-topic,.meditation-session-overlay.meditation-minimal .meditation-session-prompt,.meditation-session-overlay.meditation-minimal .meditation-session-timer{opacity:0!important}
.meditation-end-sheet{position:absolute;z-index:12;left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));padding:20px;border-radius:28px;background:#fbfcfd;border:1px solid rgba(255,255,255,.98);box-shadow:0 25px 70px rgba(55,75,93,.2)}.meditation-end-sheet[hidden]{display:none!important}.meditation-end-sheet span{font-size:9px;letter-spacing:2px;color:#a3855e}.meditation-end-sheet h3{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:2px;margin-top:3px}.meditation-end-sheet p{font-size:10px;line-height:1.7;color:#7e8993;margin-top:6px}.meditation-end-sheet button{width:100%;margin-top:9px;border-radius:16px;background:#edf2f5;font-size:11px;letter-spacing:1px}.meditation-end-sheet button:last-child{background:#485d69;color:#fff}

/* 完成页 */
.meditation-complete-overlay{overflow-y:auto;text-align:center;padding:calc(46px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 13%,rgba(255,255,255,1),rgba(237,244,248,.84) 26%,#f8f9fb 59%)}
.meditation-complete-mark{width:124px;height:124px;margin:0 auto 23px;position:relative;border-radius:50%;background:radial-gradient(circle,#fff 0 11%,rgba(209,227,239,.8) 40%,rgba(255,255,255,.2) 68%);box-shadow:0 0 70px rgba(161,195,217,.22)}.meditation-complete-mark::before,.meditation-complete-mark::after{content:"";position:absolute;inset:26px -11px;border:1px solid rgba(177,145,99,.23);border-radius:50%;transform:rotate(-22deg)}.meditation-complete-mark::after{inset:13px 23px;border-color:rgba(139,170,192,.24);transform:rotate(35deg)}.meditation-complete-mark i{position:absolute;inset:45px;border-radius:50%;background:#fff;box-shadow:0 0 18px white}.meditation-complete-overlay h2{font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:4px;margin-top:8px}.meditation-complete-question{margin:22px auto 13px;max-width:300px;font-family:var(--serif);font-size:16px;line-height:1.8;letter-spacing:1px;color:#5f6e79}.meditation-quick-reflections{display:grid;grid-template-columns:1fr 1fr;gap:7px}.meditation-quick-reflections button{min-height:45px;border-radius:15px;background:rgba(255,255,255,.72);border:1px solid rgba(142,158,171,.13);font-size:10px;color:#75828d}.meditation-quick-reflections button.is-selected{background:linear-gradient(145deg,#fff,rgba(240,232,217,.78));border-color:rgba(165,133,89,.31);color:#806948}.meditation-complete-overlay textarea{width:100%;min-height:92px;margin-top:9px;padding:13px 14px;resize:none;border-radius:17px;border:1px solid rgba(144,159,172,.13);background:rgba(255,255,255,.72);outline:none;font-size:12px;line-height:1.65;color:#4f5e69}.meditation-reflection-count{text-align:right;font-size:8px;color:#a0a8b0;margin:3px 4px 0}.meditation-save-reflection{width:100%;margin-top:11px;border-radius:18px;background:#485d69;color:#fff;letter-spacing:1.7px;font-family:var(--serif);font-size:14px}.meditation-skip-reflection{width:100%;margin-top:3px;color:#919ba4;font-size:10px;letter-spacing:1px}

@media (max-width:370px){
  .meditation-hero-copy{width:76%}.meditation-hero-copy>p{font-size:19px}.meditation-stillness-orbit{right:-30px;opacity:.9}.meditation-option-grid{grid-template-columns:repeat(3,1fr)}.meditation-density-options{grid-template-columns:1fr}.meditation-density-options button{min-height:55px}.meditation-sound-options{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:601px){
  #meditationPage.lj-meditation-page{border-radius:0 0 28px 28px}
  .meditation-head{height:calc(58px + env(safe-area-inset-top,0px));min-height:calc(58px + env(safe-area-inset-top,0px))}
  .meditation-stillness-hero{min-height:244px}
}
@media (prefers-reduced-motion:reduce){.session-core,.session-ring{animation:none!important}.meditation-session-topic,.meditation-session-prompt,.meditation-session-controls{transition:none!important;animation:none!important}}

/* =========================================================
   V7.4 · 顶部净化最终层
   目的：一次性结束历史样式叠加造成的“灵动岛下方渐变雾 / 页头毛玻璃 / 首页标题白块”。
   此文件必须位于 style-710 合并列表最后；不要再在前置文件追加同类补丁。
   ========================================================= */

/* 旧壳层不得再通过根伪元素覆盖页面顶部。 */
html::before,html::after,
body::before,body::after{
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* 一级页头：保留安全区和排版，只删除任何透明渐变、毛玻璃、滤镜和伪元素雾层。 */
html body .page > .d-head,
html body .destiny-head,
html body #matchPage .sm-topbar,
html body .mirror-library-topbar,
html body .identity-v2-topbar,
html body .identity-insight-topbar,
html body .achievement-page-topbar,
html body .bondage-page-topbar,
html body .embodiment-page-topbar,
html body .purpose-page-topbar,
html body .lingjing-subpage-head,
html body .focus-detail-head,
html body .reminder-detail-head,
html body .momentum-detail-head,
html body .resource-detail-head,
html body .identity-atlas-head,
html body #profilePage .ai-report-topbar,
html body .raw-chart-page-head,
html body .meditation-head{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
}

html body .page > .d-head::before,
html body .page > .d-head::after,
html body .destiny-head::before,
html body .destiny-head::after,
html body #matchPage .sm-topbar::before,
html body #matchPage .sm-topbar::after,
html body .mirror-library-topbar::before,
html body .mirror-library-topbar::after,
html body .identity-v2-topbar::before,
html body .identity-v2-topbar::after,
html body .identity-insight-topbar::before,
html body .identity-insight-topbar::after,
html body .achievement-page-topbar::before,
html body .achievement-page-topbar::after,
html body .bondage-page-topbar::before,
html body .bondage-page-topbar::after,
html body .embodiment-page-topbar::before,
html body .embodiment-page-topbar::after,
html body .purpose-page-topbar::before,
html body .purpose-page-topbar::after,
html body .lingjing-subpage-head::before,
html body .lingjing-subpage-head::after,
html body .focus-detail-head::before,
html body .focus-detail-head::after,
html body .reminder-detail-head::before,
html body .reminder-detail-head::after,
html body .momentum-detail-head::before,
html body .momentum-detail-head::after,
html body .resource-detail-head::before,
html body .resource-detail-head::after,
html body .identity-atlas-head::before,
html body .identity-atlas-head::after,
html body #profilePage .ai-report-topbar::before,
html body #profilePage .ai-report-topbar::after,
html body .raw-chart-page-head::before,
html body .raw-chart-page-head::after,
html body .meditation-head::before,
html body .meditation-head::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* 有头图的一级页面，标题层完全透明，让真实图片直接到状态栏/安全区。 */
html body #homePage.d-home > .d-head,
html body .d-growth.page > .d-head,
html body.destiny-page-active .destiny-head{
  background:none!important;
  background-color:transparent!important;
  border-color:transparent!important;
}

/* 无头图/独立子页使用纯净实色，而不是半透明渐变。 */
html body .identity-v2-topbar,
html body .identity-insight-topbar,
html body .achievement-page-topbar,
html body .bondage-page-topbar,
html body .embodiment-page-topbar,
html body .purpose-page-topbar,
html body .lingjing-subpage-head,
html body .mirror-library-topbar,
html body .focus-detail-head,
html body .reminder-detail-head,
html body .momentum-detail-head,
html body .resource-detail-head,
html body .identity-atlas-head,
html body #profilePage .ai-report-topbar,
html body .meditation-head{
  background:#f4f6fa!important;
}

/* 照见首页标题左上角：彻底清空标题容器自身的白色矩形合成层。
   真机 WebKit 下，历史 background/backdrop + hero translateZ/contain 组合会把这个容器单独栅格化成白块。 */
html body #homePage.d-home > .d-head,
html body #homePage.d-home > .d-head > div,
html body #homePage.d-home > .d-head > div > h1,
html body #homePage.d-home > .d-head > div > p{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body #homePage.d-home > .d-head > div::before,
html body #homePage.d-home > .d-head > div::after,
html body #homePage.d-home > .d-head > div > h1::before,
html body #homePage.d-home > .d-head > div > h1::after,
html body #homePage.d-home > .d-head > div > p::before,
html body #homePage.d-home > .d-head > div > p::after,
html body #homePage.d-home > .d-hero::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* 首页 Hero 取消顶部 mask/滤镜；只允许 ::after 在底部做正文衔接，不再影响标题区域。 */
html body #homePage.d-home > .d-hero{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  contain:none!important;
  isolation:auto!important;
  will-change:auto!important;
}
html body #homePage.d-home > .d-hero::after{
  top:auto!important;
  pointer-events:none!important;
}



/*
 * 根因修复：旧主题的基础 .d-hero 使用了“顶部透明 -> 中部不透明”的 mask，
 * 这会让每个带头图的页面在灵动岛/标题附近天然出现一层雾。此前只关 backdrop-filter，
 * 所以看起来像修好了又回来。V7.4 从最终级联层直接取消所有页头 Hero 的顶部 mask 与 ::before 光雾，
 * 底部衔接仍由各页面自己的 ::after 负责。
 */
html body .page > .d-hero,
html body #profilePage .d-profile-scene .d-hero,
html body.destiny-page-active #dojoPage .d-question-hero{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
html body .page > .d-hero::before,
html body #profilePage .d-profile-scene .d-hero::before,
html body.destiny-page-active #dojoPage .d-question-hero::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* 首页标题区不建立独立合成背景；手机端沿用现有全宽几何，不再依赖 transform 合成层。 */
@media (max-width:600px){
  html body #homePage.d-home > .d-hero{
    left:calc(50% - 50dvw)!important;
    right:auto!important;
    width:100dvw!important;
    transform:none!important;
    -webkit-transform:none!important;
    translate:none!important;
  }
}

/* 手机端再锁一次，确保 Safari/standalone/PWA 不因旧媒体查询恢复雾层。 */
@media (max-width:600px){
  html body .page > .d-head,
  html body .destiny-head,
  html body #matchPage .sm-topbar,
  html body .mirror-library-topbar,
  html body .identity-v2-topbar,
  html body .identity-insight-topbar,
  html body .achievement-page-topbar,
  html body .bondage-page-topbar,
  html body .embodiment-page-topbar,
  html body .purpose-page-topbar,
  html body .lingjing-subpage-head,
  html body .focus-detail-head,
  html body .reminder-detail-head,
  html body .momentum-detail-head,
  html body .resource-detail-head,
  html body .identity-atlas-head,
  html body #profilePage .ai-report-topbar,
  html body .raw-chart-page-head,
  html body .meditation-head{
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
}

/* =========================================================
   灵境 · 命运模拟器 V1
   用户侧页面严格对应《命运模拟器 01/09/10/11/12/13》信息层级：
   时间定位 → 问事/扫描 → 结果 → 证据 → 反馈。
   本文件只负责命运模拟器，不修改全局主题和主导航。
   ========================================================= */

:root{
  --dsv-bg:#f5f6f8;
  --dsv-card:rgba(255,255,255,.84);
  --dsv-card-solid:#fff;
  --dsv-ink:#1e242b;
  --dsv-sub:#747d88;
  --dsv-muted:#a3abb5;
  --dsv-line:rgba(25,34,44,.085);
  --dsv-gold:#9c7c48;
  --dsv-gold-soft:rgba(156,124,72,.11);
  --dsv-cyan:#587d8d;
  --dsv-cyan-soft:rgba(88,125,141,.10);
  --dsv-pressure:#8f655d;
  --dsv-pressure-soft:rgba(143,101,93,.10);
  --dsv-radius-xl:24px;
  --dsv-radius-lg:18px;
  --dsv-radius-md:14px;
  --dsv-shadow:0 18px 48px rgba(24,31,38,.08);
}

body.destiny-page-active,
body.destiny-page-active .app{
  overflow:visible!important;
  position:static!important;
  height:auto!important;
  max-height:none!important;
  transform:none!important;
}
body.destiny-page-active .app{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;}
body.destiny-page-active #dojoPage.destiny-simulator-page{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:calc(100dvh - 82px)!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  background:var(--dsv-bg)!important;
  color:var(--dsv-ink)!important;
  transform:none!important;
}
#dojoPage.destiny-simulator-page[hidden]{display:none!important;}
#dojoPage.destiny-simulator-page.active{display:block!important;}

#dojoPage .dsv-app{
  width:min(100%,860px);
  margin:0 auto;
  min-height:100%;
  background:
    radial-gradient(circle at 12% 0%,rgba(145,175,188,.08),transparent 34%),
    linear-gradient(180deg,#f8f9fb 0%,var(--dsv-bg) 35%,#f4f5f7 100%);
}
#dojoPage .dsv-header{
  position:sticky;
  top:0;
  z-index:80;
  min-height:72px;
  padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  background:rgba(248,249,251,.91);
  border-bottom:1px solid rgba(37,45,54,.055);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);
  backdrop-filter:blur(18px) saturate(1.1);
}
#dojoPage .dsv-heading{text-align:center;min-width:0;}
#dojoPage .dsv-heading small,
#dojoPage .dsv-section-heading small,
#dojoPage .dsv-scan-head small,
#dojoPage .dsv-scenario-head small,
#dojoPage .dsv-drawer-head small{
  display:block;
  margin-bottom:3px;
  font:600 9px/1.1 ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.16em;
  color:var(--dsv-gold);
}
#dojoPage .dsv-heading h2{margin:0;font:600 19px/1.25 ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.04em;color:var(--dsv-ink);}
#dojoPage .dsv-icon-btn{
  width:40px;height:40px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.72);color:#343c45;box-shadow:0 6px 18px rgba(20,28,36,.045);cursor:pointer;
}
#dojoPage .dsv-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

#dojoPage .dsv-main{padding:14px 14px 22px;display:grid;gap:12px;}
#dojoPage .dsv-time-panel,
#dojoPage .dsv-world-card,
#dojoPage .dsv-question-card,
#dojoPage .dsv-mode-panel[data-dsv-panel="scan"],
#dojoPage .dsv-mode-panel[data-dsv-panel="scenario"]{
  border:1px solid var(--dsv-line);
  background:var(--dsv-card);
  border-radius:var(--dsv-radius-xl);
  box-shadow:0 8px 24px rgba(29,37,44,.035);
}
#dojoPage .dsv-time-panel{padding:16px;}
#dojoPage .dsv-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px;}
#dojoPage .dsv-section-heading h3{margin:0;font-size:17px;line-height:1.25;font-weight:650;}
#dojoPage .dsv-text-btn{border:0;background:none;padding:4px;color:var(--dsv-cyan);font-size:12px;cursor:pointer;}

#dojoPage .dsv-period-axis{
  position:relative;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;
  padding:5px;border-radius:17px;background:rgba(35,44,54,.038);
}
#dojoPage .dsv-period-axis button{
  position:relative;min-width:0;border:0;border-radius:13px;padding:9px 2px 8px;background:transparent;color:#7a838c;cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#dojoPage .dsv-period-axis button span{display:block;font-size:13px;font-weight:620;line-height:1.2;}
#dojoPage .dsv-period-axis button small{display:block;margin-top:3px;font-size:9px;line-height:1.1;color:inherit;opacity:.7;}
#dojoPage .dsv-period-axis button.active{background:#fff;color:#222a31;box-shadow:0 4px 13px rgba(29,38,46,.08);}
#dojoPage .dsv-period-axis button.active::after{content:"";position:absolute;left:50%;bottom:3px;width:13px;height:1.5px;border-radius:2px;background:var(--dsv-gold);transform:translateX(-50%);}

#dojoPage .dsv-time-picker-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.74fr);gap:10px;align-items:stretch;margin-top:11px;}
#dojoPage .dsv-time-picker{display:grid;gap:5px;padding:10px 12px;border:1px solid var(--dsv-line);border-radius:14px;background:rgba(255,255,255,.62);}
#dojoPage .dsv-time-picker span{font-size:9px;letter-spacing:.08em;color:var(--dsv-muted);}
#dojoPage .dsv-time-picker input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#303841;font-size:12px;font-family:inherit;}
#dojoPage .dsv-time-caption{display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border-radius:14px;background:var(--dsv-gold-soft);}
#dojoPage .dsv-time-caption b{font-size:12px;font-weight:650;color:#5f513e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dojoPage .dsv-time-caption span{margin-top:3px;font-size:9px;line-height:1.35;color:#8b7759;}

#dojoPage .dsv-world-card{position:relative;overflow:hidden;min-height:126px;padding:19px 18px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:13px;}
#dojoPage .dsv-world-card::before{content:"";position:absolute;right:-58px;top:-75px;width:210px;height:210px;border:1px solid rgba(88,125,141,.08);border-radius:50%;box-shadow:0 0 0 29px rgba(88,125,141,.025),0 0 0 58px rgba(88,125,141,.018);pointer-events:none;}
#dojoPage .dsv-world-orbit{position:relative;width:58px;height:58px;border-radius:50%;border:1px solid rgba(156,124,72,.27);display:grid;place-items:center;background:radial-gradient(circle,rgba(156,124,72,.11) 0 12%,transparent 13% 100%);}
#dojoPage .dsv-world-orbit::before,#dojoPage .dsv-world-orbit::after{content:"";position:absolute;border:1px solid rgba(88,125,141,.19);border-radius:50%;transform:rotate(42deg);}
#dojoPage .dsv-world-orbit::before{width:46px;height:24px;}
#dojoPage .dsv-world-orbit::after{width:24px;height:46px;transform:rotate(58deg);}
#dojoPage .dsv-world-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--dsv-gold);box-shadow:0 0 10px rgba(156,124,72,.5);}
#dojoPage .dsv-world-orbit i:nth-child(1){left:8px;top:28px}#dojoPage .dsv-world-orbit i:nth-child(2){right:11px;top:13px}#dojoPage .dsv-world-orbit i:nth-child(3){right:16px;bottom:8px}
#dojoPage .dsv-world-copy{position:relative;z-index:1;min-width:0;}
#dojoPage .dsv-world-copy small{font-size:9px;letter-spacing:.1em;color:var(--dsv-cyan);}
#dojoPage .dsv-world-copy h3{margin:4px 0 5px;font-size:16px;font-weight:660;color:#20272e;}
#dojoPage .dsv-world-copy p{margin:0;max-width:500px;font-size:11px;line-height:1.55;color:var(--dsv-sub);}
#dojoPage .dsv-confidence-chip{position:relative;z-index:1;align-self:start;padding:8px 9px;border-radius:13px;border:1px solid rgba(88,125,141,.11);background:rgba(247,251,252,.70);text-align:right;}
#dojoPage .dsv-confidence-chip span{display:block;font-size:8px;color:#89949b;white-space:nowrap;}
#dojoPage .dsv-confidence-chip b{display:block;margin-top:2px;font-size:13px;color:var(--dsv-cyan);}

#dojoPage .dsv-mode-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border:1px solid var(--dsv-line);border-radius:19px;background:rgba(255,255,255,.65);}
#dojoPage .dsv-mode-nav button{border:0;border-radius:15px;padding:10px 4px 9px;background:transparent;color:#7b848d;cursor:pointer;}
#dojoPage .dsv-mode-nav button span{display:block;font-size:12px;font-weight:640;}
#dojoPage .dsv-mode-nav button small{display:block;margin-top:2px;font-size:8px;color:inherit;opacity:.74;}
#dojoPage .dsv-mode-nav button.active{background:#fff;color:#222a31;box-shadow:0 5px 14px rgba(30,38,46,.075);}

#dojoPage .dsv-mode-panel{display:grid;gap:11px;}
#dojoPage .dsv-mode-panel[hidden]{display:none!important;}
#dojoPage .dsv-domain-strip{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none;}
#dojoPage .dsv-domain-strip::-webkit-scrollbar{display:none;}
#dojoPage .dsv-domain-strip button{flex:0 0 auto;border:1px solid var(--dsv-line);border-radius:999px;background:rgba(255,255,255,.72);padding:8px 13px;font-size:11px;color:#737c85;cursor:pointer;}
#dojoPage .dsv-domain-strip button.active{border-color:rgba(156,124,72,.24);background:var(--dsv-gold-soft);color:#6d593b;}

#dojoPage .dsv-question-card{padding:16px;}
#dojoPage .dsv-question-card>label{display:block;margin-bottom:10px;font-size:14px;font-weight:650;color:#293139;}
#dojoPage .dsv-question-card textarea{display:block;width:100%;min-height:88px;resize:none;border:0;outline:0;padding:0;background:transparent;color:#242b32;font:400 16px/1.65 ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;}
#dojoPage .dsv-question-card textarea::placeholder{color:#b2b8bf;}
#dojoPage .dsv-question-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:11px;border-top:1px solid var(--dsv-line);}
#dojoPage .dsv-question-foot>span{font-size:9px;line-height:1.45;color:#9aa2aa;}
#dojoPage .dsv-primary-btn{border:0;border-radius:15px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#232a31;color:#fff;font:600 12px/1 sans-serif;box-shadow:0 8px 18px rgba(25,31,38,.14);cursor:pointer;transition:transform .15s ease,opacity .15s ease;}
#dojoPage .dsv-primary-btn:active{transform:scale(.98)}#dojoPage .dsv-primary-btn:disabled{opacity:.52;cursor:wait;}
#dojoPage .dsv-primary-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

#dojoPage .dsv-result-zone{display:grid;gap:10px;}
#dojoPage .dsv-result-zone[hidden]{display:none!important;}
#dojoPage .dsv-loading-card{border:1px solid var(--dsv-line);border-radius:var(--dsv-radius-xl);padding:22px;background:rgba(255,255,255,.78);text-align:center;}
#dojoPage .dsv-loading-orbit{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;border:1px solid rgba(156,124,72,.2);position:relative;animation:dsvSpin 2.2s linear infinite;}
#dojoPage .dsv-loading-orbit::after{content:"";position:absolute;top:-2px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--dsv-gold);box-shadow:0 0 12px rgba(156,124,72,.5);}
#dojoPage .dsv-loading-card b{display:block;font-size:13px}#dojoPage .dsv-loading-card p{margin:5px 0 0;color:var(--dsv-sub);font-size:10px;}
@keyframes dsvSpin{to{transform:rotate(360deg)}}

/* 结果第一屏：事件主题 / 倾向 / 方向 / 关键时间 / 一句话结论 */
#dojoPage .dsv-result-hero{position:relative;overflow:hidden;border:1px solid var(--dsv-line);border-radius:var(--dsv-radius-xl);padding:18px;background:#fff;box-shadow:var(--dsv-shadow);}
#dojoPage .dsv-result-hero::after{content:"";position:absolute;right:-46px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(88,125,141,.08),transparent 68%);pointer-events:none;}
#dojoPage .dsv-result-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;}
#dojoPage .dsv-result-kicker small{font-size:9px;letter-spacing:.12em;color:var(--dsv-gold);}
#dojoPage .dsv-stage-pill{padding:5px 8px;border-radius:999px;background:var(--dsv-cyan-soft);color:#577989;font-size:9px;white-space:nowrap;}
#dojoPage .dsv-result-hero h3{margin:0;font-size:21px;line-height:1.32;font-weight:680;letter-spacing:.01em;}
#dojoPage .dsv-result-metrics{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;margin:15px 0 13px;}
#dojoPage .dsv-metric{padding:10px 9px;border-radius:14px;background:#f7f8f9;border:1px solid rgba(35,44,53,.05);}
#dojoPage .dsv-metric span{display:block;font-size:8px;color:#98a0a9}.dsv-metric b{display:block;margin-top:4px;font-size:13px;color:#343c44;font-weight:650;}
#dojoPage .dsv-metric.tendency b{color:var(--dsv-gold)}#dojoPage .dsv-metric.confidence b{color:var(--dsv-cyan)}
#dojoPage .dsv-conclusion{position:relative;margin:0;padding:13px 14px;border-left:2px solid rgba(156,124,72,.55);border-radius:0 13px 13px 0;background:linear-gradient(90deg,var(--dsv-gold-soft),rgba(156,124,72,.025));font-size:13px;line-height:1.65;color:#3d454d;}
#dojoPage .dsv-calibration-note{display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:#959da5;font-size:8.5px;line-height:1.45;}
#dojoPage .dsv-calibration-note i{flex:0 0 auto;width:5px;height:5px;margin-top:4px;border-radius:50%;background:#a9afb5;}

#dojoPage .dsv-layer-card{border:1px solid var(--dsv-line);border-radius:var(--dsv-radius-lg);background:rgba(255,255,255,.8);overflow:hidden;}
#dojoPage .dsv-layer-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;cursor:pointer;}
#dojoPage .dsv-layer-card>summary::-webkit-details-marker{display:none;}
#dojoPage .dsv-layer-card>summary div{min-width:0;}#dojoPage .dsv-layer-card>summary b{font-size:13px;color:#303840}#dojoPage .dsv-layer-card>summary span{display:block;margin-top:3px;font-size:9px;color:#929aa3;}
#dojoPage .dsv-layer-card>summary::after{content:"＋";font-size:17px;font-weight:300;color:#8e969f;transition:transform .16s ease;}#dojoPage .dsv-layer-card[open]>summary::after{content:"−";}
#dojoPage .dsv-layer-body{padding:0 15px 15px;display:grid;gap:10px;}
#dojoPage .dsv-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#dojoPage .dsv-mini-group{border-radius:14px;padding:11px;background:#f7f8f9;}
#dojoPage .dsv-mini-group>span{display:block;margin-bottom:7px;font-size:9px;font-weight:650;color:#7e8790;}
#dojoPage .dsv-mini-group ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;}#dojoPage .dsv-mini-group li{font-size:10px;line-height:1.45;color:#4e5760;}
#dojoPage .dsv-mini-group.support{background:var(--dsv-cyan-soft)}#dojoPage .dsv-mini-group.risk{background:var(--dsv-pressure-soft)}#dojoPage .dsv-mini-group.possible{background:var(--dsv-gold-soft)}

#dojoPage .dsv-action-stack{display:grid;gap:7px;}
#dojoPage .dsv-action-row{display:grid;grid-template-columns:72px 1fr;gap:9px;padding:10px 11px;border:1px solid var(--dsv-line);border-radius:13px;background:#fff;}
#dojoPage .dsv-action-row>span{font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--dsv-cyan);}
#dojoPage .dsv-action-row p{margin:0;font-size:10px;line-height:1.5;color:#4f5861;}
#dojoPage .dsv-force-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;}
#dojoPage .dsv-force{padding:10px 11px;border-radius:13px;border:1px solid var(--dsv-line);background:#fff;}
#dojoPage .dsv-force b{display:block;font-size:11px}.dsv-force span{display:block;margin-top:3px;font-size:9px;line-height:1.4;color:#87909a;}

#dojoPage .dsv-evidence-list{display:grid;gap:7px;}
#dojoPage .dsv-evidence-row{display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:start;padding:9px 10px;border-radius:12px;background:#f8f9fa;}
#dojoPage .dsv-evidence-row>span{font-size:8.5px;color:#8e969e}.dsv-evidence-row p{margin:0;font-size:9.5px;line-height:1.45;color:#505962}.dsv-evidence-row em{font-style:normal;font-size:8.5px;color:#8c744e;}
#dojoPage .dsv-advanced{margin-top:3px;padding:10px 11px;border:1px dashed rgba(50,60,70,.12);border-radius:12px;font-size:8.5px;line-height:1.55;color:#838c95;word-break:break-all;}

#dojoPage .dsv-feedback-card{border:1px solid var(--dsv-line);border-radius:var(--dsv-radius-lg);padding:14px;background:rgba(255,255,255,.78);}
#dojoPage .dsv-feedback-card b{display:block;font-size:12px;color:#303840}.dsv-feedback-card p{margin:4px 0 10px;font-size:9px;line-height:1.5;color:#8a939c;}
#dojoPage .dsv-feedback-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
#dojoPage .dsv-feedback-actions.future{grid-template-columns:repeat(3,1fr);}
#dojoPage .dsv-feedback-actions button{border:1px solid var(--dsv-line);border-radius:11px;background:#fff;min-height:34px;padding:5px;font-size:9px;color:#59626b;cursor:pointer;}
#dojoPage .dsv-feedback-actions button.selected{border-color:rgba(88,125,141,.26);background:var(--dsv-cyan-soft);color:#4d6f7d;}
#dojoPage .dsv-new-question{width:100%;border:0;border-radius:14px;background:#eef0f2;min-height:41px;color:#57616a;font-size:11px;cursor:pointer;}

/* 未来地图 */
#dojoPage .dsv-mode-panel[data-dsv-panel="scan"]{padding:16px;}
#dojoPage .dsv-scan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
#dojoPage .dsv-scan-head h3,#dojoPage .dsv-scenario-head h3{margin:0;font-size:17px;line-height:1.3;font-weight:670;}
#dojoPage .dsv-scan-head p,#dojoPage .dsv-scenario-head p{margin:5px 0 0;font-size:9.5px;line-height:1.5;color:#8b949c;max-width:450px;}
#dojoPage .dsv-horizon-switch{flex:0 0 auto;display:flex;gap:3px;padding:3px;border-radius:12px;background:#f0f2f4;}
#dojoPage .dsv-horizon-switch button{border:0;border-radius:9px;padding:7px 8px;background:transparent;font-size:9px;color:#8b939b;cursor:pointer;}
#dojoPage .dsv-horizon-switch button.active{background:#fff;color:#343c44;box-shadow:0 3px 8px rgba(30,37,44,.07)}
#dojoPage .dsv-scan-run{width:100%;margin-top:1px;}
#dojoPage .dsv-future-map{border-top:1px solid var(--dsv-line);padding-top:13px;overflow-x:auto;scrollbar-width:none;}
#dojoPage .dsv-future-map::-webkit-scrollbar{display:none;}
#dojoPage .dsv-map-track{position:relative;min-width:620px;padding:17px 4px 5px;}
#dojoPage .dsv-map-line{position:absolute;left:4px;right:4px;top:30px;height:1px;background:rgba(41,50,58,.12);}
#dojoPage .dsv-map-months{display:grid;grid-template-columns:repeat(var(--dsv-month-count),1fr);gap:0;}
#dojoPage .dsv-map-month{position:relative;height:42px;text-align:center;}
#dojoPage .dsv-map-month::before{content:"";position:absolute;left:50%;top:10px;width:3px;height:3px;border-radius:50%;background:#c1c6cb;transform:translateX(-50%);}
#dojoPage .dsv-map-month span{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);font-size:7.5px;color:#a0a7ae;white-space:nowrap;}
#dojoPage .dsv-map-island{position:absolute;top:22px;height:17px;border-radius:999px;opacity:.86;box-shadow:0 3px 8px rgba(50,60,68,.08);}
#dojoPage .dsv-map-island.opportunity{background:rgba(128,155,129,.42)}#dojoPage .dsv-map-island.pressure{background:rgba(158,112,102,.38)}#dojoPage .dsv-map-island.mixed{background:rgba(156,124,72,.42)}#dojoPage .dsv-map-island.transition{background:rgba(88,125,141,.38)}
#dojoPage .dsv-scan-results{display:grid;gap:9px;}
#dojoPage .dsv-window-card{border:1px solid var(--dsv-line);border-radius:17px;padding:14px;background:#fff;}
#dojoPage .dsv-window-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
#dojoPage .dsv-window-card-head small{font-size:8.5px;color:#8d969e}.dsv-window-card-head h4{margin:3px 0 0;font-size:14px;line-height:1.35;color:#2d353d;}
#dojoPage .dsv-window-badge{flex:0 0 auto;border-radius:999px;padding:5px 8px;font-size:8px;background:var(--dsv-gold-soft);color:#806b49;}
#dojoPage .dsv-window-metrics{display:flex;gap:13px;margin-top:10px;font-size:9px;color:#8a929b;}.dsv-window-metrics b{color:#4b545d;font-size:10px;}
#dojoPage .dsv-window-actions{display:flex;gap:6px;margin-top:10px;}.dsv-window-actions button{border:1px solid var(--dsv-line);border-radius:10px;background:#f8f9fa;padding:7px 9px;font-size:8.5px;color:#59636c;cursor:pointer;}

/* 情景模拟 */
#dojoPage .dsv-mode-panel[data-dsv-panel="scenario"]{padding:16px;}
#dojoPage .dsv-scenario-grid{display:grid;grid-template-columns:1fr 36px 1fr;gap:7px;align-items:stretch;}
#dojoPage .dsv-scenario-grid fieldset{min-width:0;margin:0;padding:11px;border:1px solid var(--dsv-line);border-radius:15px;background:#fff;}
#dojoPage .dsv-scenario-grid legend{padding:0 5px;font-size:10px;font-weight:700;color:#6c757d;}
#dojoPage .dsv-scenario-grid input{display:block;width:100%;border:0;border-bottom:1px solid var(--dsv-line);padding:8px 2px;outline:0;background:transparent;font-size:10px;color:#3c454d;}
#dojoPage .dsv-vs{display:grid;place-items:center;font-size:9px;color:#9aa2aa;}
#dojoPage .dsv-scenario-run{grid-column:1/-1;width:100%;margin-top:2px;}
#dojoPage .dsv-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#dojoPage .dsv-compare-card{border:1px solid var(--dsv-line);border-radius:17px;padding:13px;background:#fff;}
#dojoPage .dsv-compare-card small{font-size:8px;color:#9aa1a8}.dsv-compare-card h4{margin:4px 0 9px;font-size:12px}.dsv-compare-score{font-size:21px;font-weight:680;color:var(--dsv-gold)}.dsv-compare-card p{margin:7px 0 0;font-size:9px;line-height:1.5;color:#7f8891;}

/* 历史抽屉 */
#dojoPage .dsv-drawer{position:fixed;inset:0;z-index:500;display:block;}
#dojoPage .dsv-drawer[hidden]{display:none!important;}
#dojoPage .dsv-drawer-mask{position:absolute;inset:0;background:rgba(28,34,40,.24);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
#dojoPage .dsv-drawer-sheet{position:absolute;left:50%;bottom:0;width:min(100%,860px);max-height:min(74dvh,650px);transform:translateX(-50%);border-radius:25px 25px 0 0;background:#f8f9fa;box-shadow:0 -18px 44px rgba(24,31,38,.15);padding:15px 14px calc(18px + env(safe-area-inset-bottom,0px));overflow:auto;}
#dojoPage .dsv-drawer-head{position:sticky;top:-15px;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:-15px -14px 8px;padding:15px 14px 10px;background:rgba(248,249,250,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#dojoPage .dsv-drawer-head h3{margin:0;font-size:16px;}
#dojoPage .dsv-history-list{display:grid;gap:7px;}
#dojoPage .dsv-history-item{width:100%;text-align:left;border:1px solid var(--dsv-line);border-radius:14px;padding:11px;background:#fff;cursor:pointer;}
#dojoPage .dsv-history-item div{display:flex;justify-content:space-between;gap:10px;}.dsv-history-item b{font-size:10px}.dsv-history-item time{font-size:8px;color:#a0a7ae}.dsv-history-item p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#69727b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dojoPage .dsv-history-empty{padding:24px 12px;text-align:center;color:#9aa2aa;font-size:10px;}

#dojoPage .dsv-status{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:600;max-width:calc(100vw - 32px);transform:translateX(-50%);padding:9px 12px;border-radius:999px;background:rgba(35,42,49,.92);color:#fff;font-size:10px;box-shadow:0 8px 22px rgba(20,26,32,.18);}

@media (max-width:560px){
  #dojoPage .dsv-main{padding:12px 12px 20px;gap:10px;}
  #dojoPage .dsv-header{padding-left:12px;padding-right:12px;}
  #dojoPage .dsv-time-panel{padding:14px 12px;}
  #dojoPage .dsv-time-picker-row{grid-template-columns:1fr;}
  #dojoPage .dsv-world-card{grid-template-columns:52px 1fr;min-height:118px;padding:16px 13px;gap:10px;}
  #dojoPage .dsv-world-orbit{width:48px;height:48px;}.dsv-confidence-chip{grid-column:2;justify-self:start!important;align-self:auto!important;text-align:left!important;margin-top:-2px;display:flex;gap:6px;align-items:center;}
  #dojoPage .dsv-confidence-chip b{margin:0;}
  #dojoPage .dsv-result-metrics{grid-template-columns:1fr 1fr;}.dsv-result-metrics .dsv-metric:last-child{grid-column:1/-1;}
  #dojoPage .dsv-three-col{grid-template-columns:1fr;}
  #dojoPage .dsv-force-grid{grid-template-columns:1fr 1fr;}
  #dojoPage .dsv-feedback-actions{grid-template-columns:1fr 1fr;}
  #dojoPage .dsv-scan-head{display:grid;}.dsv-horizon-switch{justify-self:start;}
  #dojoPage .dsv-scenario-grid{grid-template-columns:1fr;}.dsv-vs{height:20px}.dsv-scenario-run{grid-column:1;}
  #dojoPage .dsv-compare-grid{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion:reduce){
  #dojoPage *,#dojoPage *::before,#dojoPage *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* V7 Future Scanner: cooperative loading + multi-tier windows */
.dsv-scan-loading{min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.dsv-scan-loading small{font-size:11px;opacity:.66}
.dsv-scan-progress{width:min(320px,82%);height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.dsv-scan-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(202,173,109,.42),rgba(240,219,165,.92));transition:width .22s ease;box-shadow:0 0 14px rgba(221,192,126,.28)}
.dsv-window-card.tier-major{box-shadow:inset 0 0 0 1px rgba(226,195,125,.22),0 18px 52px rgba(0,0,0,.18)}
.dsv-window-card.tier-forming{box-shadow:inset 0 0 0 1px rgba(170,185,210,.15)}
.dsv-window-card.tier-watch{opacity:.92}
.dsv-window-card.tier-watch .dsv-window-badge{opacity:.72}
.dsv-candidate-strip{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 2px}
.dsv-candidate-strip span{font-size:11px;line-height:1.45;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);opacity:.78}
.dsv-map-island.watch{opacity:.42}

/* V9 Future Scanner: explicit year/month localization */
#dojoPage .dsv-time-locator{margin:10px 0 2px;padding:11px 12px;border-radius:14px;border:1px solid rgba(158,134,83,.16);background:linear-gradient(135deg,rgba(249,247,241,.98),rgba(244,241,233,.9));display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:baseline}
#dojoPage .dsv-time-locator>span{font-size:9px;color:#8c7c5d;letter-spacing:.08em}
#dojoPage .dsv-time-locator>b{font-size:15px;line-height:1.35;color:#2e343a;font-weight:650}
#dojoPage .dsv-time-locator>small{grid-column:2;font-size:9px;line-height:1.45;color:#8c949b}
#dojoPage .dsv-time-locator.peak_month{border-color:rgba(178,139,61,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
#dojoPage .dsv-time-locator.month_window{border-color:rgba(134,151,168,.18)}
#dojoPage .dsv-time-locator.year{opacity:.92}
#dojoPage .dsv-timing-explain{margin:0 0 12px;padding:10px 12px;border-radius:13px;background:rgba(245,242,234,.72);border:1px solid rgba(158,134,83,.13)}
#dojoPage .dsv-timing-explain b{display:block;font-size:10px;color:#70664f}
#dojoPage .dsv-timing-explain p{margin:4px 0 3px;font-size:12px;line-height:1.45;color:#343b42}
#dojoPage .dsv-timing-explain small{display:block;font-size:9px;line-height:1.5;color:#8a9298}

/* V10 · iOS / mobile keyboard zoom guard + calendar-year future map */
#dojoPage .dsv-question-card textarea,
#dojoPage .dsv-time-picker input,
#dojoPage .dsv-scenario-grid input{
  font-size:16px!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
#dojoPage .dsv-app.dsv-keyboard-open{
  transform:none!important;
  scale:none!important;
}
#dojoPage .dsv-app.dsv-keyboard-open .dsv-main{
  padding-bottom:calc(20px + var(--dsv-keyboard-inset,0px));
}
#dojoPage .dsv-map-month.past{opacity:.36;}
#dojoPage .dsv-map-month.current::before{width:6px;height:6px;background:var(--dsv-gold);box-shadow:0 0 0 4px rgba(156,124,72,.10);}
#dojoPage .dsv-map-month.current span{color:var(--dsv-gold);font-weight:700;}
#dojoPage .dsv-map-island.current{box-shadow:0 0 0 1px rgba(156,124,72,.22),0 4px 12px rgba(50,60,68,.10);}
#dojoPage .dsv-month-peak{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;margin:7px 0 2px;padding:9px 12px;border-radius:13px;background:rgba(88,125,141,.055);border:1px solid rgba(88,125,141,.10);}
#dojoPage .dsv-month-peak>span{font-size:9px;color:#748b96;letter-spacing:.06em;}
#dojoPage .dsv-month-peak>b{font-size:13px;color:#31424a;font-weight:650;}
#dojoPage .dsv-month-peak>small{grid-column:2;font-size:8.5px;line-height:1.45;color:#929aa0;}

/* V12 · 具体事件月度应象 + 十年/流年事宫条件场 */
#dojoPage .dsv-month-candidate-row{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;min-width:0;}
#dojoPage .dsv-month-candidate-row b{font-size:12px;color:#31424a;font-weight:650;white-space:nowrap;}
#dojoPage .dsv-month-candidate-row i{font-style:normal;color:#9aa6ab;font-size:9px;}
#dojoPage .dsv-month-candidate-row small{font-size:8px;color:#89979d;white-space:nowrap;}
#dojoPage .dsv-period-condition{margin:9px 0 0;padding:10px 12px;border:1px solid rgba(88,125,141,.10);border-radius:14px;background:rgba(88,125,141,.035);display:grid;gap:4px;}
#dojoPage .dsv-period-condition>b{font-size:11px;color:#35464e;font-weight:650;}
#dojoPage .dsv-period-condition>span{font-size:10px;color:#617983;}
#dojoPage .dsv-period-condition>small{font-size:8.5px;line-height:1.5;color:#8b989e;}
#dojoPage .dsv-period-field{display:grid;gap:2px;padding:7px 0 0;border-top:1px dashed rgba(88,125,141,.12);}
#dojoPage .dsv-period-field>b{font-size:10px;color:#3e535c;font-weight:650;}
#dojoPage .dsv-period-field>span{font-size:9px;color:#70858e;}
#dojoPage .dsv-period-field>small{font-size:8px;line-height:1.45;color:#929da2;}