:root{--journal-bg:#212737;--journal-ink:#e9e5de;--journal-muted:#b4bfce;--journal-accent:#f3a46e;--journal-line:#3a4354;--journal-input:#272e40;--journal-serif:var(--font-serif,"Source Serif 4","Noto Serif SC","Songti SC","SimSun",serif);--journal-ui:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:dark;scroll-behavior:smooth}
:root[data-theme=light]{--journal-bg:#f7f3eb;--journal-ink:#292f35;--journal-muted:#5f6972;--journal-accent:#95512f;--journal-line:#ddd8ce;--journal-input:#fffaf2;color-scheme:light}
*{box-sizing:border-box}html{background:var(--journal-bg);-webkit-text-size-adjust:100%}body{margin:0;padding:50px clamp(22px,7vw,100px) 38px;background:var(--journal-bg);color:var(--journal-ink);font-family:var(--journal-ui);transition:background-color .25s,color .25s;overflow-wrap:break-word}a{color:var(--journal-accent);text-decoration:none;text-underline-offset:6px}a:hover{text-decoration:underline;text-decoration-thickness:1px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--journal-accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}::selection{background:var(--journal-accent);color:var(--journal-bg)}[hidden]{display:none!important}.journal-shell{max-width:740px;margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:20;background:var(--journal-ink);color:var(--journal-bg);padding:10px 16px;border-radius:3px}.skip-link:focus{transform:translateY(0)}
.journal-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--journal-line)}.journal-name{font-family:var(--journal-serif);font-size:29px;font-weight:500;letter-spacing:.1em;color:var(--journal-ink);line-height:1.35}.journal-name:hover{text-decoration:none}.journal-name span{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:12px;letter-spacing:.18em;color:var(--journal-muted);margin-top:7px}.journal-nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font-size:14px}.journal-nav a{display:flex;align-items:center;min-height:44px;color:var(--journal-muted)}.journal-nav a[aria-current=page]{color:var(--journal-accent)}.journal-theme{display:flex;gap:8px;align-items:center;font-size:13px;border-left:1px solid var(--journal-line);padding:2px 0 2px 18px;min-height:44px;color:var(--journal-muted)}.journal-theme:hover{color:var(--journal-accent)}
main{min-height:calc(100svh - 255px)}.journal-intro{padding:34px 0 27px;color:var(--journal-muted);font-size:16px;line-height:1.9;margin:0}.journal-intro strong{color:var(--journal-ink);font-weight:400}.journal-post{border-top:1px solid var(--journal-line);padding:26px 0 29px;animation:arrive .45s ease-out both}.journal-post:nth-of-type(2){animation-delay:.04s}.journal-post:nth-of-type(3){animation-delay:.08s}.journal-meta{color:var(--journal-muted);font-size:12px;letter-spacing:.07em;line-height:1.8;margin:0 0 10px}.meta-divider{margin:0 8px}.journal-title{font-family:var(--journal-serif);font-size:23px;line-height:1.6;font-weight:500;letter-spacing:.025em;margin:0 0 12px}.journal-title a{display:inline-block;transition:color .16s,transform .16s}.journal-title a:hover{transform:translateX(3px)}.journal-summary{font-family:var(--journal-serif);font-size:16px;line-height:1.95;color:var(--journal-ink);margin:0;text-wrap:pretty}.journal-read{display:inline-flex;gap:5px;align-items:center;min-height:40px;font-size:12px;color:var(--journal-muted);margin-top:11px}.journal-read:hover{color:var(--journal-accent)}.empty-state{padding:32px 0;color:var(--journal-muted)}
.journal-footer{border-top:1px solid var(--journal-line);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;padding-top:24px;margin-top:36px;font-size:12px;color:var(--journal-muted);letter-spacing:.025em}.footer-right{display:flex;gap:22px;align-items:center}.journal-footer a{color:var(--journal-muted)}.journal-detail{padding-top:28px;animation:arrive .35s ease-out both}.journal-back{display:inline-flex;align-items:center;color:var(--journal-muted);min-height:44px;font-size:13px;margin:0 0 22px}.article-header h1,.journal-about h1{font-family:var(--journal-serif);color:var(--journal-accent);font-size:clamp(26px,4vw,34px);font-weight:500;line-height:1.6;letter-spacing:.025em;margin:8px 0 18px;text-wrap:balance}.journal-deck{font-family:var(--journal-serif);font-size:16px;line-height:1.95;margin:0;color:var(--journal-muted);text-wrap:pretty}.journal-body{font-family:var(--journal-serif);font-size:18px;font-weight:400;line-height:1.95;margin-top:32px;text-wrap:pretty;letter-spacing:.015em}.journal-body p{margin:0 0 24px}.journal-body h2,.journal-body h3,.journal-body h4{font-weight:500;color:var(--journal-ink);line-height:1.65;margin:38px 0 18px}.journal-body h2{font-size:25px}.journal-body h3{font-size:21px}.journal-body h4{font-size:19px}.journal-body blockquote{border-left:2px solid var(--journal-accent);padding:2px 0 2px 20px;color:var(--journal-muted);margin:28px 0}.journal-body blockquote p:last-child{margin-bottom:0}.journal-body ul,.journal-body ol{padding-left:1.5em;margin:0 0 24px}.journal-body li{margin:8px 0}.journal-body img{display:block;max-width:100%;height:auto;margin:30px auto;border-radius:3px}.journal-body figure{margin:32px 0}.journal-body figure img{margin:0}.journal-body figcaption{font-family:var(--journal-ui);font-size:13px;color:var(--journal-muted);text-align:center;margin-top:10px}.journal-body hr{border:0;border-top:1px solid var(--journal-line);margin:38px 0}.journal-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;background:var(--journal-input);padding:.1em .3em;border-radius:3px;overflow-wrap:anywhere}.journal-body pre{background:var(--journal-input);padding:20px;overflow-x:auto;border:1px solid var(--journal-line);border-radius:4px;line-height:1.65;font-size:14px;white-space:pre;text-wrap:initial}.journal-body pre code{padding:0;background:none;overflow-wrap:normal}.journal-body table{display:block;width:100%;overflow:auto;border-collapse:collapse;font-family:var(--journal-ui);font-size:15px;margin:24px 0}.journal-body th,.journal-body td{padding:12px 14px;text-align:left;border:1px solid var(--journal-line)}.journal-body strong{font-weight:500}.journal-about{padding-top:30px;animation:arrive .35s ease-out both}.journal-about h1{margin:6px 0 24px;font-size:30px}.not-found{padding-top:65px;padding-bottom:55px}.not-found .journal-back{margin-top:25px}
.journal-share{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--journal-line);border-bottom:1px solid var(--journal-line);padding:10px 0;margin:34px 0 16px}.journal-share button{min-height:44px;color:var(--journal-muted);font-size:13px;padding:0}.journal-share button:hover{color:var(--journal-accent)}.journal-status{font-family:var(--journal-ui);font-size:13px;line-height:1.7;color:var(--journal-muted);margin:12px 0}.share-dialog{width:min(420px,calc(100vw - 36px));padding:26px;border:1px solid var(--journal-line);border-radius:8px;background:var(--journal-bg);color:var(--journal-ink);box-shadow:0 18px 90px #0005}.share-dialog::backdrop{background:#121723b3;backdrop-filter:blur(3px)}.share-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.share-dialog h2{font-family:var(--journal-serif);font-size:22px;font-weight:500;margin:0}.dialog-close{font-size:27px;width:44px;height:44px;line-height:1}.share-dialog #share-qrcode{width:224px;height:224px;margin:0 auto;background:#fff;padding:12px}.share-dialog #share-qrcode img,.share-dialog #share-qrcode canvas{display:block;max-width:100%;margin:0}.share-dialog p{font-size:14px;line-height:1.85;color:var(--journal-muted);margin:20px 0}.share-url-label{display:block;color:var(--journal-muted);font-size:12px;margin:0 0 7px}.share-dialog input{width:100%;background:var(--journal-input);color:var(--journal-ink);border:1px solid var(--journal-line);padding:10px;font-size:13px;border-radius:3px}.copy-dialog-link{min-height:44px;color:var(--journal-accent);font-size:13px;margin-top:7px;padding:0}
.journal-comments{margin-top:40px;--waline-theme-color:var(--journal-accent);--waline-active-color:var(--journal-accent);--waline-text-color:var(--journal-ink);--waline-bg-color:var(--journal-input);--waline-bg-color-light:var(--journal-bg);--waline-bg-color-hover:var(--journal-line);--waline-border-color:var(--journal-line);--waline-disable-bg-color:var(--journal-line);--waline-disable-color:var(--journal-muted);--waline-font-size:15px;--waline-font-size-emoji:18px;--waline-info-bg-color:var(--journal-input);--waline-info-color:var(--journal-muted);--waline-border:1px solid var(--journal-line);--waline-box-shadow:none}.journal-comments h2{font-family:var(--journal-serif);font-size:21px;font-weight:500;margin:0 0 12px}.comment-note{font-size:13px;line-height:1.8;color:var(--journal-muted);margin:0 0 22px}.journal-comments .wl-panel{border-radius:3px}.journal-comments .wl-editor{min-height:120px;line-height:1.8}.journal-comments .wl-btn{min-height:42px;border-radius:3px}.journal-comments .wl-header input{font-size:15px}.journal-comments .wl-power{font-size:11px;opacity:.8}.journal-comments .wl-content{line-height:1.9}.journal-comments .wl-content p{margin-bottom:12px}.journal-comments .wl-sort{color:var(--journal-muted)}.journal-comments .wl-avatar{border-radius:50%}.journal-comments .wl-reaction,.journal-comments .wl-like,.journal-comments .wl-login,.journal-comments .wl-action[title="上传图片"]{display:none!important}
@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){body{padding:36px 22px 28px}.journal-header{display:block;padding-bottom:22px}.journal-nav{margin-top:17px;gap:23px}.journal-name{font-size:27px}.journal-intro{padding:27px 0 24px;font-size:15px}.journal-post{padding:24px 0 23px}.journal-title{font-size:21px}.journal-summary{font-size:16px}.journal-body{font-size:17px;line-height:1.95}.journal-deck{font-size:15px}.journal-detail{padding-top:22px}.journal-back{margin-bottom:16px}.journal-footer{margin-top:28px;font-size:11px;line-height:1.8}.journal-share{gap:22px}.journal-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}