@font-face{font-family:'ZCOOL KuaiLe';src:url('/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-display:swap}
:root{font-family:'Noto Sans SC',sans-serif;color:#355447;background:#e5f0e9;font-synthesis:none;--hand:'ZCOOL KuaiLe','Microsoft YaHei',sans-serif;--ink:#355447;--green:#527b55;--paper:#fffdf3}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #dc985d;outline-offset:5px}#garden{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 35%,#f2f6df 0%,#dcebe1 58%,#c4dfd8 100%)}canvas{display:block;width:100%;height:100%;touch-action:none}.masthead{position:fixed;left:4.5%;top:6%;display:flex;gap:17px;pointer-events:none}.brand-mark{font-size:52px;color:#5e8560;line-height:1.1;transform:rotate(-13deg)}.eyebrow{font-size:11px;letter-spacing:3px;margin:0 0 12px;color:#74907a;font-weight:600}h1{font-family:var(--hand);font-size:clamp(30px,3.2vw,49px);font-weight:400;letter-spacing:3px;margin:0}h1 span{color:#cf9164}.subtitle{font-size:14px;letter-spacing:2px;margin-top:14px;color:#799080}.weather{position:fixed;right:4.5%;top:6%;display:flex;align-items:center;gap:12px;padding:13px 21px;background:#ffffff69;border:1px solid #ffffffa6;border-radius:22px;box-shadow:0 5px 24px #46735105}.sun-icon{font-size:38px;color:#be9551;line-height:1}.weather div{display:flex;flex-direction:column;gap:4px;font-size:14px}.weather small{font-size:12px;color:#819181}.scene-label{position:fixed;left:70%;top:57%;transform:translate(-50%,-100%);border:2px solid #fff9e9;background:#fffbed;box-shadow:0 5px 0 #63775721,0 10px 30px #355b4212;border-radius:16px;padding:10px 16px;white-space:nowrap;font-family:var(--hand);font-size:19px;transition:background .2s,box-shadow .2s;z-index:2}.scene-label:hover{background:#fff2c7;box-shadow:0 7px 0 #63775721}.label-icon{font-family:sans-serif;margin-right:5px;color:#b5834e}.notification{display:inline-grid;place-items:center;background:#d18b66;color:#fff8e9;border-radius:50%;width:21px;height:21px;font:12px sans-serif;margin-left:8px}.label-tail{position:absolute;left:50%;bottom:-8px;width:14px;height:14px;background:#fffbed;transform:rotate(45deg);border-bottom:2px solid white;border-right:2px solid white}.garden-footer{position:fixed;left:4.5%;right:4.5%;bottom:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.garden-footer>*{pointer-events:auto}.place{display:flex;align-items:center;gap:12px}.place-flower{font-size:38px;color:#739673}.place div{display:flex;flex-direction:column;gap:5px}.place strong{font-family:var(--hand);font-size:23px;font-weight:400;letter-spacing:2px}.place div span{font-size:11px;color:#869b8d;letter-spacing:1px}.controls{display:flex;align-items:center;padding:8px;background:#fffdf4df;border:2px solid white;border-radius:40px;box-shadow:0 5px 20px #5177620e;gap:5px}.controls button{border:0;background:none;height:43px;min-width:43px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .2s}.controls button:hover{background:#e6eddd}.controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.controls>span{height:20px;width:1px;background:#d9dfcf;margin:0 7px}.controls .read-button{padding:0 18px;font-size:14px;letter-spacing:1px}.gesture{font-size:12px;display:flex;gap:10px;color:#809588}.gesture i{font-style:normal}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#e5f0e9;z-index:10;font-family:var(--hand);font-size:22px;transition:opacity .4s}#loading span{font-size:36px;animation:turn 3s linear infinite}#loading.loaded{opacity:0;pointer-events:none}#render-error{position:fixed;inset:35% 15%;text-align:center;background:var(--paper);border-radius:30px;padding:30px;z-index:5}#render-error button{background:#e4eddd;border:0;border-radius:20px;padding:12px 20px}dialog{border:0;padding:0;width:min(960px,92vw);height:min(690px,86dvh);max-height:90dvh;border-radius:25px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #173b3555;overflow:hidden}dialog::backdrop{background:#24433850;backdrop-filter:blur(7px)}.journal-shell{display:grid;grid-template-columns:280px 1fr;height:100%}.journal-sidebar{background:#eaf0df;padding:32px 22px 22px;display:flex;flex-direction:column;min-height:0;border-right:1px dashed #a9bda066}.journal-heading{text-align:center}.journal-heading>span{font-size:40px;color:#88a076}.journal-heading p{font-family:var(--hand);font-size:17px;margin:10px 0}.journal-heading h2{font-family:var(--hand);font-size:34px;letter-spacing:4px;margin:8px 0;font-weight:400}.little-line{width:36px;height:3px;background:#c6a96f;margin:15px auto}.journal-heading small{font-size:12px;color:#8a9a80}#article-list{margin-top:25px;overflow:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#bcc8ac transparent}#article-list::-webkit-scrollbar{width:8px}#article-list::-webkit-scrollbar-track{background:transparent}#article-list::-webkit-scrollbar-thumb{background:#bcc8ac;border-radius:8px;border:2px solid transparent;background-clip:content-box}#article-list:hover::-webkit-scrollbar-thumb{background:#a9bb97}.article-card{padding:17px 15px;text-align:left;border:1px solid transparent;border-radius:13px;background:none;width:100%;flex-shrink:0}.article-card:hover{background:#ffffff66}.article-card.active{background:#fffdf2;border-color:#d9dfc8;box-shadow:0 3px 0 #47684408}.card-date{font-size:11px;color:#8d9b81;letter-spacing:1px}.article-card strong{display:block;margin:8px 0 6px;font-family:var(--hand);font-weight:400;font-size:19px}.article-card p{font-size:12px;line-height:1.8;color:#819076;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-bottom{margin-top:auto;padding-top:24px;text-align:center;font-size:8px;letter-spacing:1.5px;color:#95a58b}.paper{position:relative;padding:58px 48px 36px;overflow-y:auto;background-image:radial-gradient(#b0a27c12 .8px,transparent .8px);background-size:7px 7px;border-top-right-radius:25px;border-bottom-right-radius:25px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b6c3a6 transparent}.paper::-webkit-scrollbar{width:12px}.paper::-webkit-scrollbar-track{background:transparent;margin:12px 0}.paper::-webkit-scrollbar-thumb{background:#b6c3a6;border-radius:12px;border:3px solid transparent;background-clip:content-box}.paper:hover::-webkit-scrollbar-thumb{background:#9fb28c}.paper::-webkit-scrollbar-thumb:hover{background:#88a075}.close-button{position:absolute;right:19px;top:15px;border:0;border-radius:50%;background:#eeeede;width:33px;height:33px;font-size:26px;line-height:1}.close-button:hover{background:#e1e7d3}#article-meta{display:flex;align-items:center;gap:15px;font-size:12px;color:#95a187;letter-spacing:1px}#article-meta span{background:#edf0dd;color:#708660;padding:5px 11px;border-radius:6px}:is(#article-content,.markdown-body){font-family:var(--hand);font-size:18px;line-height:1.95;color:#657052;overflow-wrap:anywhere}:is(#article-content,.markdown-body) h1{font-size:33px;line-height:1.5;margin:20px 0 25px;letter-spacing:2px;color:#426043}:is(#article-content,.markdown-body) h2{font-size:23px;margin-top:30px;font-weight:400}:is(#article-content,.markdown-body) p{margin:18px 0}:is(#article-content,.markdown-body) blockquote{margin:24px 0;padding:2px 18px;border-left:3px solid #c9cda0;background:#f0efdc80;border-radius:0 12px 12px 0;color:#859069}:is(#article-content,.markdown-body) ul,:is(#article-content,.markdown-body) ol{padding-left:26px}:is(#article-content,.markdown-body) li{padding:4px 0}:is(#article-content,.markdown-body) a{color:#b47a43;text-decoration-style:wavy}:is(#article-content,.markdown-body) img{max-width:100%;border-radius:12px}:is(#article-content,.markdown-body) pre{overflow:auto;background:#edeedc;padding:15px;border-radius:12px;font:14px monospace}:is(#article-content,.markdown-body) table{display:block;overflow:auto;border-collapse:collapse}:is(#article-content,.markdown-body) td,:is(#article-content,.markdown-body) th{border:1px solid #d5dcc7;padding:8px}.article-end{display:flex;align-items:center;justify-content:center;gap:12px;color:#bac6a1;font-size:20px;margin-top:40px}.article-end span{font-family:var(--hand);font-size:14px;letter-spacing:1px}.back-list{display:none}.empty-message{line-height:1.8;padding:18px;font-size:15px}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:700px){.masthead{left:6%;top:5%;gap:10px}.brand-mark{font-size:37px}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px}h1{font-size:30px}.subtitle{font-size:11px;letter-spacing:1px;margin-top:10px}.weather{right:5%;top:17%;padding:8px 12px;gap:8px;border-radius:17px}.sun-icon{font-size:29px}.weather div{font-size:12px}.weather small{display:none}.garden-footer{bottom:3.5%;left:5%;right:5%;flex-wrap:wrap;gap:16px;justify-content:center}.place{display:none}.gesture{width:100%;justify-content:center;margin:0;font-size:11px}.scene-label{font-size:16px;padding:9px 12px}.notification{width:18px;height:18px}.controls{padding:6px}.controls .read-button{font-size:13px}dialog{width:94vw;height:85dvh}.journal-shell{grid-template-columns:1fr}.journal-sidebar{padding:22px; border:0}.journal-heading>span{font-size:28px}.journal-heading h2{font-size:28px}.journal-heading p{margin:4px}.little-line{margin:10px auto}#article-list{margin-top:15px}.paper{display:none;padding:68px 27px 28px}.journal-shell.reading .journal-sidebar{display:none}.journal-shell.reading .paper{display:block;border-radius:25px}.back-list{display:block;position:absolute;top:23px;left:25px;font-size:13px;border:0;background:none;color:#869478}:is(#article-content,.markdown-body){font-size:18px}:is(#article-content,.markdown-body) h1{font-size:29px}.sidebar-bottom{padding-top:14px}}@media(prefers-reduced-motion:reduce){#loading span{animation:none}*{scroll-behavior:auto!important}}
.close-button{z-index:3}#gate{border:0;padding:0;width:min(380px,90vw);border-radius:25px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #173b3555;overflow:hidden}#gate::backdrop{background:#24433850;backdrop-filter:blur(7px)}.gate-shell{position:relative;padding:46px 38px 38px;text-align:center;background-image:radial-gradient(#b0a27c12 .8px,transparent .8px);background-size:7px 7px}.gate-flower{font-size:42px;color:#88a076;display:block;line-height:1}#gate h2{font-family:var(--hand);font-size:30px;letter-spacing:3px;margin:12px 0 10px;font-weight:400;color:#426043}.gate-hint{font-size:14px;line-height:1.9;color:#819076;margin:0 0 24px}#gate-form{display:flex;gap:10px}#gate-input{flex:1;min-width:0;border:2px solid #d9dfc8;border-radius:14px;padding:12px 15px;font:inherit;font-size:15px;background:#fffdf6;color:#657052}#gate-input:focus{outline:none;border-color:#c6a96f}#gate-input::placeholder{color:#b3bda3}.gate-submit{border:0;border-radius:14px;padding:0 22px;font-family:var(--hand);font-size:17px;letter-spacing:1px;background:#88a076;color:#fff8e9;transition:background .2s}.gate-submit:hover{background:#739673}.gate-error{margin:14px 0 0;font-size:13px;color:#c08a5e}