.journal-current{color:var(--rust)}.journal-page{padding:0 7vw 10vw}.journal-hero{padding:9vw 0 7vw;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;border-bottom:1px solid var(--line)}.journal-hero .kicker{grid-column:1/-1}.journal-hero h1{font:400 clamp(52px,7vw,102px)/.96 Georgia,"Songti SC",serif;letter-spacing:-.055em;margin:20px 0 0}.journal-hero h1 em{color:var(--rust);font-weight:400}.journal-hero>p:last-child{font:14px/1.9 Georgia,"Songti SC",serif}.journal-composer{border:1px solid var(--line);margin:4vw 0;padding:30px;background:rgba(255,250,236,.35)}.composer-heading{display:flex;justify-content:space-between}.composer-heading h2{font:400 34px Georgia,"Songti SC",serif;margin:10px 0 25px}.composer-heading span{font-size:10px}.journal-composer>input,.journal-composer textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:14px 2px}.journal-composer>input{font:25px Georgia,"Songti SC",serif}.journal-composer textarea{min-height:150px;font:17px/1.9 Georgia,"Songti SC",serif}.image-picker{display:inline-block;border:1px solid var(--ink);padding:10px 14px;font-size:10px;margin-top:18px;cursor:pointer}.image-picker input{display:none}.image-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.image-preview img{width:100%;aspect-ratio:1;object-fit:cover}.composer-actions{display:flex;justify-content:space-between;align-items:end;margin-top:20px}.composer-actions label{font-size:10px}.composer-actions input{display:block;margin-top:7px;background:transparent;border:1px solid var(--line);padding:9px}.composer-actions button{margin:0}.stream-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:9px;letter-spacing:.15em}.journal-posts{max-width:860px;margin:0 auto}.journal-post{padding:7vw 0;border-bottom:1px solid var(--line)}.post-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;margin-bottom:28px}.post-meta button{border:0;margin:0;padding:0;font-size:9px;color:var(--rust)}.journal-post h2{font:400 clamp(32px,4vw,52px)/1.12 Georgia,"Songti SC",serif;margin:0 0 25px}.journal-post .body{white-space:pre-wrap;font:17px/2 Georgia,"Songti SC",serif}.post-images{display:grid;gap:8px;margin:30px 0}.post-images.count-1{grid-template-columns:1fr}.post-images.count-2,.post-images.count-4{grid-template-columns:1fr 1fr}.post-images.count-3{grid-template-columns:2fr 1fr}.post-images img{width:100%;height:100%;max-height:680px;object-fit:cover}.post-images.count-3 img:first-child{grid-row:span 2}.empty-journal{text-align:center;padding:12vw 0;font:italic 26px Georgia,"Songti SC",serif}.load-more{display:block;margin:40px auto}.account-note{font-size:9px;opacity:.5;margin-top:18px}@media(max-width:700px){.journal-page{padding:0 5vw 16vw}.journal-hero{grid-template-columns:1fr;padding:18vw 0 14vw}.journal-composer{margin:10vw 0;padding:20px}.journal-post{padding:16vw 0}.image-preview{grid-template-columns:1fr 1fr}.journal-post .body{font-size:16px}.post-images.count-3{grid-template-columns:1fr}.post-images.count-3 img:first-child{grid-row:auto}header nav a:not(.journal-current):not(.secret-n){display:none}}
/* Owner session controls */
.owner-tools{display:flex;align-items:center;gap:18px}.journal-signout{border:0;border-bottom:1px solid currentColor;background:transparent;padding:4px 0;color:var(--rust);font-size:11px;cursor:pointer}.journal-signout:hover{opacity:.65}

/* Keep every public section visible on the journal page. */
@media(max-width:700px){
  body>header{height:auto;min-height:70px;padding:15px 5vw 13px;flex-direction:column;align-items:flex-start;gap:14px;overflow:visible;}
  body>header nav.public-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px 14px;padding:0;overflow:visible;white-space:normal;}
  body>header nav.public-nav a{display:block!important;font-size:10px;text-align:left;}
  body>header nav.public-nav .secret-n{display:grid!important;width:20px;height:20px;margin:0;place-items:center;}
}

/* Compact editorial journal layout. */
.journal-page{width:min(100% - 8vw,1120px);margin:0 auto;padding:0 0 90px}
.journal-hero{padding:58px 0 46px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:48px;align-items:end}
.journal-hero .kicker{margin-bottom:2px}
.journal-hero h1{font-size:clamp(44px,5vw,68px)!important;line-height:1!important;letter-spacing:-.045em;margin:10px 0 0;max-width:720px}
.journal-hero>p:last-child{margin:0 0 5px;max-width:360px}
.journal-composer{margin:36px 0}
.journal-stream{margin-top:34px}
.journal-posts{max-width:840px}
.journal-post{padding:54px 0}
.empty-journal{padding:80px 0}
@media(max-width:700px){.journal-page{width:calc(100% - 36px);padding:0 0 70px}.journal-hero{grid-template-columns:1fr;gap:24px;padding:48px 0 38px}.journal-composer{margin:32px 0;padding:20px}.journal-post{padding:46px 0}}

/* Pending image controls. */
.pending-image{position:relative;margin:0}.pending-image .remove-pending{position:absolute;right:8px;top:8px;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(32,27,20,.86);color:var(--paper);font-size:18px;line-height:28px}.clear-pending{grid-column:1/-1;justify-self:start;margin:7px 0 0;padding:7px 0;border:0;border-bottom:1px solid var(--rust);color:var(--rust);font-size:10px;background:transparent}

/* Public journal opening: one complete diary page. */
.journal-page{width:min(100% - 8vw,1180px)}
.journal-hero{
  position:relative;
  min-height:min(760px,calc(100svh - 105px));
  margin:32px 0 52px;
  padding:48px 64px 58px 112px;
  border:1px solid rgba(32,27,20,.22);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,330px);
  grid-template-rows:auto 1fr auto;
  gap:34px 70px;
  align-items:start;
  background:
    linear-gradient(90deg,transparent 0 72px,rgba(205,78,42,.34) 72px 73px,transparent 73px),
    repeating-linear-gradient(180deg,rgba(255,255,255,.2) 0 41px,rgba(82,66,44,.07) 41px 42px),
    #f7edd6;
  box-shadow:12px 14px 0 rgba(67,49,22,.055);
}
.journal-hero:before{content:"PAGE 001  ·  QINGDAO";position:absolute;right:64px;top:50px;font:600 8px Arial,sans-serif;letter-spacing:.2em}
.journal-hero:after{content:"今天不必完整，真实就好。";position:absolute;right:64px;bottom:57px;font:italic 17px/1.4 Georgia,"Songti SC",serif;color:var(--rust)}
.journal-hero .kicker{grid-column:1/-1;position:relative;margin:0;padding-bottom:19px;border-bottom:1px solid rgba(32,27,20,.24)}
.journal-hero h1{grid-column:1;align-self:center;max-width:650px!important;margin:0!important;font-size:clamp(48px,6vw,78px)!important;line-height:1.04!important;letter-spacing:-.05em!important}
.journal-hero h1:before{content:"DEAR DIARY,";display:block;margin-bottom:34px;font:italic 16px/1 Georgia,serif;letter-spacing:.04em;color:rgba(32,27,20,.6)}
.journal-hero h1 em{display:inline-block;margin-top:7px}
.journal-hero .intro-notes{grid-column:2;grid-row:2;align-self:center;border-top:1px solid rgba(32,27,20,.28);background:rgba(247,237,214,.58)}
.journal-hero .intro-notes p{display:grid;grid-template-columns:34px 1fr;gap:14px;margin:0;padding:17px 4px;border-bottom:1px solid rgba(32,27,20,.2);font:400 12px/1.65 "PingFang SC","Microsoft YaHei",sans-serif}
.journal-hero .intro-notes i{font:italic 10px Georgia,serif;color:var(--rust)}
@media(max-width:780px){
  .journal-hero{min-height:auto;padding:42px 32px 100px 65px;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:40px;background:linear-gradient(90deg,transparent 0 42px,rgba(205,78,42,.3) 42px 43px,transparent 43px),repeating-linear-gradient(180deg,rgba(255,255,255,.2) 0 41px,rgba(82,66,44,.065) 41px 42px),#f7edd6}
  .journal-hero:before{right:28px;top:44px;font-size:7px}
  .journal-hero:after{left:65px;right:auto;bottom:38px;font-size:15px}
  .journal-hero h1{grid-column:1;font-size:clamp(40px,11vw,62px)!important}
  .journal-hero h1:before{margin-bottom:24px}
  .journal-hero .intro-notes{grid-column:1;grid-row:3;width:100%;align-self:auto}
}
@media(max-width:480px){.journal-page{width:calc(100% - 24px)}.journal-hero{margin-top:18px;padding:36px 20px 92px 53px;box-shadow:6px 8px 0 rgba(67,49,22,.05)}.journal-hero:before{right:18px;top:38px}.journal-hero:after{left:53px}.journal-hero .kicker{font-size:6px;max-width:58%}}