.journal-page{--journal-muted:#a9bcb0;position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;background:#051b17;color:var(--paper);overflow:clip;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.journal-world{position:absolute;inset:0 0 auto;height:max(900px,100svh);z-index:-1;pointer-events:none;overflow:hidden}.journal-world picture{position:absolute;inset:-20px -20px -20px 0;opacity:.72;transform:translate(var(--journal-x,0px),var(--journal-y,0px));transition:transform .9s ease-out;mask-image:linear-gradient(90deg,#0001,#0005 48%,#000 92%)}.journal-world img{width:100%;height:100%;object-fit:cover;object-position:76% 54%}.journal-world:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#051b1766,transparent 22%,#051b1726 68%,#051b17),linear-gradient(90deg,#051b17b8 10%,#051b179c 52%,#051b1744 74%,transparent)}.journal-world-line{position:absolute;right:17%;top:-5%;width:1px;height:90%;background:linear-gradient(transparent,#ff613c42,transparent);transform:rotate(28deg);transform-origin:top}.journal-main{width:min(1160px,calc(100% - 96px));margin:0 auto;flex:1;padding-bottom:84px}.journal-heading,.journal-directory{width:min(100%,1020px)}.journal-heading{display:flex;gap:32px;align-items:baseline;padding:62px 0 48px}.journal-heading h1{font:900 clamp(64px,5.8vw,88px)/1.12 var(--font-profile);letter-spacing:-.055em;margin:0;animation:journal-arrive .65s cubic-bezier(.2,.75,.2,1) both}.journal-heading-rule{flex:1;height:1px;align-self:flex-end;margin-bottom:10px;background:linear-gradient(90deg,#c1d2bd40,#c1d2bd1a);position:relative;transform-origin:left;animation:journal-rule-in .75s .1s both}.journal-heading-rule:before{content:"";position:absolute;left:0;width:52px;height:2px;background:var(--vermilion);bottom:0}.journal-count{display:flex;align-items:baseline;gap:8px;margin:0 0 0 auto;color:var(--journal-muted);animation:journal-arrive .6s .13s both}.journal-count span:first-child{font:600 27px/1 var(--font-profile-number);font-variant-numeric:tabular-nums}.journal-count span:last-child{font-size:12px}.journal-directory{position:relative}.journal-entries{margin:0;padding:0;list-style:none}.journal-entry{position:relative;animation:journal-arrive .6s calc(.2s + var(--entry-order,0) * 55ms) both}.journal-entry-link{position:relative;display:grid;grid-template-columns:248px minmax(0,1fr);align-items:center;gap:26px;min-height:84px;padding:22px 10px 22px 0;color:inherit;border-bottom:1px solid #b7c9b52e;-webkit-tap-highlight-color:#ff481c1a}.journal-entry-link:before{content:"";position:absolute;inset:0 -10px 0 -18px;background:linear-gradient(100deg,#99b4a40b,#99b4a40a 68%,transparent);opacity:0;transform:skew(-5deg);transition:opacity .24s;pointer-events:none}.journal-entry-link:after{content:"";position:absolute;bottom:-1px;left:0;width:38px;height:2px;background:var(--vermilion);transform:scaleX(0);transform-origin:left;transition:transform .28s}.journal-entry-meta{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;color:var(--journal-muted);line-height:1.6}.journal-entry-meta time{font:500 20px/1.4 var(--font-profile-number);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.journal-entry-category{position:relative;font-size:14px;overflow-wrap:anywhere}.journal-entry-category:before{content:"";position:absolute;left:-20px;top:calc(50% - 6px);height:12px;width:1px;background:#b7c9b552}.journal-entry-title{position:relative;min-width:0;display:flex;align-items:baseline;gap:12px}.journal-entry h2{margin:0;font:700 21px/1.6 var(--font-profile);letter-spacing:0;text-wrap:pretty;overflow-wrap:anywhere;transition:transform .26s,color .26s;color:#f0edde}.journal-entry h2>span{display:inline-block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.journal-preview{flex:none;color:#96ac9e;font-size:10px;white-space:nowrap}.journal-entry-link:focus-visible{outline:2px solid var(--vermilion);outline-offset:5px}.journal-entry-link:focus-visible:after{transform:scaleX(1)}.journal-entry-link:focus-visible:before{opacity:1}.journal-filters{display:flex;flex-wrap:wrap;gap:4px 30px;margin:0 0 24px;animation:journal-arrive .6s .12s both}.journal-filters button{position:relative;border:0;background:none;padding:10px 0 12px;color:var(--journal-muted);font-size:15px!important;line-height:1.5!important;cursor:pointer;transition:color .18s}.journal-filters button[aria-pressed=true]{color:var(--vermilion);font-weight:600}.journal-filters button:after{content:"";position:absolute;bottom:4px;left:0;width:22px;height:2px;background:var(--vermilion);transform:scaleX(0);transform-origin:left;transition:transform .18s}.journal-filters button[aria-pressed=true]:after{transform:scaleX(1)}.journal-page [hidden]{display:none!important}.journal-empty{padding:28px 0;display:flex;align-items:center;gap:20px;color:var(--journal-muted)}.journal-empty>span{width:24px;height:1px;background:var(--vermilion);font-size:0}.journal-empty p{margin:0;font-size:17px}.journal-page>.profile-footer{color:var(--journal-muted);border-top:1px solid #b7c9b51c;background:#051b177a}@media(hover:hover)and (pointer:fine){.journal-entry-link:hover:before{opacity:1}.journal-entry-link:hover:after{transform:scaleX(1)}.journal-entry-link:hover h2{transform:translate(3px);color:#fff6e5}.journal-filters button:hover{color:#ff6c42}}@keyframes journal-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes journal-rule-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:1800px){.journal-heading{padding-top:84px;padding-bottom:56px}}@media(max-width:1100px){.journal-main{width:calc(100% - 64px)}.journal-heading{padding:46px 0 38px}.journal-entry-link{grid-template-columns:222px minmax(0,1fr);gap:22px}.journal-entry-meta{grid-template-columns:102px minmax(0,1fr);gap:20px}.journal-entry-category:before{left:-16px}.journal-entry h2{font-size:20px}}@media(max-width:760px){.journal-main{width:calc(100% - 40px);padding-bottom:60px}.journal-heading{padding:36px 0 34px;gap:24px}.journal-heading h1{font-size:60px}.journal-heading-rule{margin-bottom:7px}.journal-heading-rule:before{width:32px}.journal-count{gap:6px}.journal-count span:first-child{font-size:24px}.journal-world{height:max(820px,100svh)}.journal-world picture{opacity:.58;mask-image:linear-gradient(90deg,#0001,#0008)}.journal-world img{object-position:76% 35%}.journal-world:after{background:linear-gradient(180deg,#051b1766,transparent 46%,#051b17),linear-gradient(90deg,#051b17ad,#051b1766)}.journal-entry-link{display:block;padding:22px 0 24px}.journal-entry-meta{display:flex;gap:27px;margin-bottom:10px}.journal-entry-meta time{font-size:18px}.journal-entry-category{font-size:13px}.journal-entry-category:before{left:-14px;height:10px;top:calc(50% - 5px)}.journal-entry-title{display:block}.journal-entry h2{font-size:21px;line-height:1.65;text-wrap:balance}.journal-preview{display:inline-block;margin-top:8px;font-size:10px}.journal-entry-link:before{inset:0 -8px 0 -10px}.journal-filters{margin:0 0 16px;gap:0 24px}.journal-filters button{font-size:14px!important}.journal-empty{padding:24px 0}}@media(max-width:540px){.journal-page .profile-header{padding:12px 20px}.journal-page .back-home{font-size:16px}.journal-page .profile-nav{gap:8px}.journal-page .profile-nav a{font-size:12px;letter-spacing:0}.journal-page .nav-end{display:none}.journal-page .nav-divider{height:10px}}@media(prefers-reduced-motion:reduce){.journal-page *,.journal-page *:before,.journal-page *:after{animation:none!important;transition:none!important}.journal-world picture{transform:none}}