feat: complete heaven readings and screener publication

This commit is contained in:
leefer
2026-08-05 23:44:17 +08:00
parent 6a058c2929
commit b3a21d05b7
34 changed files with 3538 additions and 225 deletions
+133 -67
View File
@@ -1341,13 +1341,13 @@ body[data-active-view="heavenView"] .workspace-view {
border-right: 1px solid var(--border);
}
.personal-day-master > span {
.personal-day-master-label {
color: var(--text-secondary);
font-size: 10px;
}
.personal-day-master > strong {
.personal-day-master-identity {
display: flex;
align-items: center;
@@ -1355,26 +1355,58 @@ body[data-active-view="heavenView"] .workspace-view {
gap: 8px;
margin-top: 9px;
}
.personal-day-master-mark {
width: 34px;
height: 34px;
display: grid;
place-items: center;
flex: 0 0 34px;
border: 1px solid currentColor;
border-radius: var(--radius-sm);
background: var(--wt-soft-gold);
}
.personal-day-master-mark svg {
width: 18px;
height: 18px;
stroke-width: 1.7;
}
.personal-day-master-copy {
min-width: 0px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3px;
}
.personal-day-master-copy > strong {
white-space: nowrap;
font-size: 20px;
}
.personal-day-master .phase-symbol {
width: 28px;
height: 28px;
font-size: 11px;
}
.personal-day-master > small {
.personal-day-master-copy > small {
color: var(--text-secondary);
font-size: 10px;
display: block;
margin-top: 6px;
white-space: nowrap;
}
#heavenFortunePanel .fortune-metric:nth-child(3n) {
@@ -2420,7 +2452,7 @@ body[data-active-view="heavenView"] .workspace-view {
border-color: var(--heaven-rule);
}
#heavenFortunePanel .personal-day-master > strong {
#heavenFortunePanel .personal-day-master-copy > strong {
font-family: var(--heaven-serif);
}
@@ -2940,35 +2972,13 @@ body[data-active-view="heavenView"] .workspace-view {
:where(#heavenView) #heavenFortunePanel .personal-day-master {
border-color: var(--heaven-rule);
display: grid;
display: flex;
justify-items: center;
}
flex-direction: column;
.personal-day-master-character {
margin-top: 13px;
align-items: flex-start;
font-family: var(--heaven-serif);
font-weight: 500;
line-height: 1;
font-size: 58px !important;
}
.personal-day-master-element {
margin-top: 12px;
font-family: var(--heaven-serif);
font-size: 15px;
font-weight: 500;
letter-spacing: 0.32em;
text-indent: 0.32em;
justify-content: center;
}
.phase-text-wood {
@@ -5028,6 +5038,78 @@ body[data-active-view="heavenView"] .workspace-view {
color: rgb(113, 96, 71);
}
#heavenHeartPanel .heart-question-composer {
width: 100%;
max-width: 520px;
min-width: 0;
display: grid;
gap: var(--card-gap);
}
#heavenHeartPanel #heartIntro .heart-stage-inner {
grid-template-columns: minmax(0, 1fr);
}
#heavenHeartPanel .heart-question-presets {
display: flex;
justify-content: center;
gap: var(--space-4);
}
#heavenHeartPanel .heart-question-presets button {
min-width: calc(var(--control-height) * 2);
height: var(--control-height);
border: 1px solid var(--ritual-rule);
border-radius: var(--radius-sm);
background: transparent;
color: var(--ritual-muted);
font-family: var(--heaven-serif);
cursor: pointer;
transition: border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);
}
#heavenHeartPanel .heart-question-presets button:hover:not(:disabled),
#heavenHeartPanel .heart-question-presets button[aria-pressed="true"] {
border-color: var(--heaven-cinnabar);
background: var(--heaven-cinnabar-soft);
color: var(--heaven-cinnabar);
}
#heavenHeartPanel .heart-question-presets button:disabled {
cursor: default;
opacity: 0.62;
}
#heavenHeartPanel #heartQuestionInput {
width: 100%;
min-width: 0;
min-height: calc(var(--control-height) * 2);
box-sizing: border-box;
resize: vertical;
border: 1px solid var(--wt-control-border);
border-radius: var(--radius-md);
padding: var(--card-gap);
background: var(--wt-control-bg);
color: var(--wt-text);
font: inherit;
line-height: 1.6;
outline: none;
transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}
#heavenHeartPanel #heartQuestionInput::placeholder {
color: var(--wt-faint);
}
#heavenHeartPanel #heartQuestionInput:focus {
border-color: var(--heaven-cinnabar);
box-shadow: 0 0 0 2px var(--heaven-cinnabar-soft);
}
#heavenHeartPanel #heartQuestionInput:disabled {
opacity: 0.72;
}
#heavenHeartPanel .button {
background: transparent;
@@ -9372,7 +9454,7 @@ body[data-active-view="heavenView"] .workspace-view {
}
#heavenView #heavenFortunePanel .personal-primary-grid {
grid-template-columns: 76px minmax(0px, 1fr);
grid-template-columns: 112px minmax(0px, 1fr);
gap: 12px;
@@ -9404,7 +9486,7 @@ body[data-active-view="heavenView"] .workspace-view {
#heavenView #heavenFortunePanel .personal-day-master {
min-height: 118px;
padding: 0px;
padding: 0px 12px 0px 0px;
border-right: 1px solid var(--wt-line);
}
@@ -10183,7 +10265,7 @@ body[data-active-view="heavenView"] .workspace-view {
.personal-primary-grid {
display: grid;
grid-template-columns: 76px minmax(0px, 1fr);
grid-template-columns: 112px minmax(0px, 1fr);
gap: 12px;
@@ -10191,42 +10273,26 @@ body[data-active-view="heavenView"] .workspace-view {
}
.personal-day-master {
display: grid;
display: flex;
place-items: center;
flex-direction: column;
align-content: center;
align-items: flex-start;
justify-content: center;
min-height: 118px;
border-right: 1px solid var(--wt-line);
}
.personal-day-master > span {
.personal-day-master-label {
color: var(--wt-faint);
font-size: 10px;
}
.personal-day-master-character {
margin-top: 7px;
font-family: var(--heaven-serif);
font-size: 35px;
line-height: 1;
}
.personal-day-master-element {
margin-top: 5px;
font-size: 11px;
}
.personal-day-master small {
margin-top: 5px;
.personal-day-master-copy small {
color: var(--wt-faint);
font-size: 9px;