@font-face{font-family:Shoujin;src:local("也字工厂清朗瘦金体"),local("文道瘦金体"),local("瘦金体"),url("/shoujin.ttf") format("truetype");font-display:swap}
:root{--paper:#f4eee1;--ink:#26251e;--faded:#6b6253;--red:#853b31;--line:#b4a48a60;--mist:#c7ae85;font-family:Shoujin,STKaiti,KaiTi,serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#fff7e880,transparent 55%);min-width:300px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23847865' filter='url(%23n)' d='M0 0h170v170H0z'/%3E%3C/svg%3E");z-index:4}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);padding:.55rem .85rem;background:#fff8eb}button:hover,a:hover{color:var(--red)}:focus-visible{outline:2px solid var(--red);outline-offset:4px}.quiet{background:none;border:0;padding:.25rem}.mast{height:76px;padding:0 clamp(22px,6vw,96px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:6;background:#f4eee1ed}.brand{display:flex;align-items:center;gap:.75rem;font-size:1.32rem;line-height:1.1;width:max-content}.brand small{display:block;font-size:.7rem;color:var(--faded);letter-spacing:.24em;margin-top:.3rem}.seal{background:var(--red);color:#fff2dc;border:3px double #e7cdb3;border-radius:2px;line-height:1;font-size:.9rem;padding:.2rem .31rem}.mast nav{display:flex;gap:clamp(16px,4vw,55px)}.mast nav a{padding:1rem .12rem;border-bottom:1px solid transparent}.mast nav a[aria-current]{color:var(--red);border-color:var(--red)}#profile{justify-self:end;display:flex;align-items:center;gap:.45rem}#profile img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.hero{height:min(71vh,740px);min-height:465px;position:relative;isolation:isolate;overflow:hidden;background:#bfb09a}.art{position:absolute;inset:0 0 0 23%;background:url('/plum.jpg') center 43% / cover no-repeat;z-index:-3}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#e7dbc1 0%,#e4d8bd 19%,#e3d5b9da 32%,#dec9a52a 62%,#35261712),linear-gradient(0deg,#34261949,transparent 38%)}.hero[data-season=春] .art{filter:hue-rotate(-12deg) saturate(.9)}.hero[data-season=夏] .art{filter:hue-rotate(19deg) saturate(.78)}.hero[data-season=冬] .art{filter:saturate(.43) brightness(1.11)}.atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.frame{position:absolute;inset:20px;border:1px solid #f6e6c888;pointer-events:none}.hero-inner{position:absolute;left:clamp(35px,10vw,160px);top:50%;transform:translateY(-50%);width:max-content;max-width:90%}.overline{letter-spacing:.32em;color:var(--red);font-size:.82rem}.hero h1{font-size:clamp(2.5rem,6.2vw,6.7rem);line-height:1.18;margin:.25em 0 .28em;font-weight:400;letter-spacing:.055em;text-shadow:0 2px 18px #f7ebd6b0}.hero h1 span{display:block}.hero p{color:#514538;letter-spacing:.15em}.hero .ink{margin-top:.8rem}.season{position:absolute;bottom:36px;right:37px;background:#f4ead8da;padding:.35rem .7rem;display:flex;align-items:center;gap:.45rem;font-size:.86rem}.season select{background:transparent;border:0}.ink{display:inline-block;background:#30362e;color:#fbefda;border:1px solid #30362e;padding:.68rem 1.12rem}.ink:hover{color:#fff;background:#56382f}.paper{max-width:1060px;margin:auto;padding:54px 34px 85px}.heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:8px}.heading h1,.heading h2{margin:.28em 0 0;font-size:clamp(2.05rem,4vw,3.65rem);font-weight:400}.entries{list-style:none;margin:0;padding:0}.entries a{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.entries time,.muted,small{color:var(--faded)}.entries h3{margin:0 0 .25rem;font-size:1.44rem;font-weight:400}.entries p{margin:0;color:var(--faded)}.stamp{color:var(--red);border:1px solid var(--red);padding:.13rem .32rem;font-size:.8rem}.foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 7vw 80px;color:var(--faded);font-size:.86rem}
.chapter{min-height:320px;position:relative;isolation:isolate;display:grid;place-content:center;text-align:center;padding:45px 24px;background:#e1d3b8;overflow:hidden}.chapter:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#f4eee1,transparent 90%)}.chapter[data-scene=study]{background:linear-gradient(155deg,#9c9c7f,#e9d3a1 76%)}.chapter[data-scene=sword]{background:#302826;color:#fff0d7}.chapter[data-scene=sword]:before{background:radial-gradient(ellipse at 75% 35%,#a34539,transparent 65%),linear-gradient(0deg,#302826,#30282615)}.chapter[data-scene=sword] .overline{color:#f4b098}.chapter h1{font-size:clamp(2rem,5vw,4rem);font-weight:400;margin:.3em 0}.article{max-width:780px;font-size:1.15rem;line-height:1.95;overflow-wrap:anywhere}.article img,.article video{max-width:100%;max-height:600px;border-radius:2px}.article pre{background:#e8dfcf;padding:1rem;overflow:auto}.article blockquote{border-left:2px solid var(--red);margin-left:0;padding-left:1rem}.katex-display{overflow:auto}.tools{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.6rem 0}.editor{display:grid;gap:1rem}.editor textarea{min-height:225px;resize:vertical}.preview{border-top:1px solid var(--line);padding-top:1rem}.attachment{display:flex;gap:1em;align-items:center;flex-wrap:wrap}.editor .row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.editor .row>label{flex:1;min-width:130px}label{display:grid;gap:.4rem}input,textarea,select{padding:.6rem;background:#fffbef;border:1px solid var(--line);max-width:100%}input[type=file]{width:100%}.upload{margin:.7rem 0}.player{position:fixed;z-index:8;right:20px;bottom:18px;display:flex;gap:10px;align-items:center;background:#f8efde;border:1px solid #bdab8d;padding:7px 10px 7px 7px;box-shadow:0 8px 32px #3d2b2530}.record{width:44px;height:44px;border:1px solid #24241d;border-radius:50%;background:radial-gradient(circle,#ebdbb9 0 6%,#8c4737 7% 24%,transparent 25%),repeating-radial-gradient(circle,#262721 0 2px,#434139 3px,#25251f 4px);position:relative;animation:spin 5s linear infinite;animation-play-state:paused}.record:after{content:"";position:absolute;inset:5px;border-radius:50%;background:conic-gradient(transparent 0 19%,#fff5 22%,transparent 27% 69%,#fff4 72%,transparent 77%)}.record.playing{animation-play-state:running}@keyframes spin{to{transform:rotate(1turn)}}.now{display:grid;max-width:145px}.now button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play{border-radius:50%;width:35px;height:35px;padding:0}dialog{width:min(490px,calc(100% - 28px));max-height:85vh;padding:24px;background:var(--paper);color:var(--ink);border:1px solid #a89270;box-shadow:0 12px 40px #0004}dialog::backdrop{background:#211d18a0}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{margin:0;font-weight:400}.dialoghead button{font-size:1.25rem;padding:.1rem .6rem}dialog form:not(.dialoghead){display:grid;gap:.75rem}#tracks{padding:0;list-style:none;max-height:240px;overflow:auto}#tracks li button{width:100%;text-align:left;border-width:0 0 1px;background:none}audio{width:100%}.notice{position:fixed;bottom:75px;right:20px;z-index:9;background:#f8efde;padding:.7rem 1rem;border:1px solid var(--line);max-width:85vw}
@media(max-width:650px){.mast{height:61px;padding:0 13px}.brand{gap:.3rem;font-size:1rem}.brand small{display:none}.hero{min-height:510px;height:72svh}.art{inset:0;background-position:58% center}.hero:before{background:linear-gradient(90deg,#e7dbc1ee,#e7dbc16b 56%,transparent),linear-gradient(0deg,#30251b48,transparent 30%)}.hero-inner{left:30px;top:53%}.hero h1{font-size:clamp(2.1rem,10vw,3.7rem)}.season{bottom:25px;right:25px}.frame{inset:12px}.paper{padding:35px 22px 70px}.entries a{grid-template-columns:1fr auto;gap:6px}.entries time{grid-column:1/-1;font-size:.85rem}.foot span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.record{animation:none}.atmosphere{display:none}}
.hero[data-season=春] .art{background-image:url('/plum.jpg');background-position:center 43%;filter:hue-rotate(-8deg) saturate(.95) brightness(1.04)}
.hero[data-season=夏]:before{background:linear-gradient(90deg,#e1ddc1 0%,#e0dcc3 20%,#d8dbc9b5 37%,#34554720 83%)}
.hero[data-season=冬]:before{background:linear-gradient(90deg,#eee8db 0%,#e8e4d8ed 28%,#e3e7e56b 63%,#8791a229)}
.chapter[data-scene=study]:after,.chapter[data-scene=sword]:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 79% 26%,#f8c6778c 0 4%,transparent 5%),linear-gradient(160deg,#293832 0%,#59665600 85%);clip-path:polygon(0 65%,15% 45%,25% 61%,37% 38%,47% 59%,64% 30%,74% 51%,88% 34%,100% 45%,100% 100%,0 100%);opacity:.38}
.chapter[data-scene=sword]:after{background:linear-gradient(130deg,#9f372c,#1f1c1d 52%,#53241e);opacity:.65}
.chapter[data-scene=jasmine]{background:linear-gradient(90deg,#f2ecd1bd,#f3eacda8 50%,#f2ecd168),url('/jasmine-court.svg') center/cover}
.chapter[data-season=冬][data-scene=jasmine]{background-color:#e0dfd5;background-blend-mode:screen,luminosity}