.type-essay #page-header,.type-essay #footer,.type-essay #rightside{display:none}
.type-essay #content-inner{display:block;width:100%;max-width:none;margin:0;padding:0}
.type-essay #body-wrap{min-height:100vh;background:#7a5538}
#essay-desk{position:relative;width:100%;aspect-ratio:1672/941;min-height:720px;overflow:hidden;color:#30251d;font-family:"Noto Serif SC","Songti SC",SimSun,serif;background:#9a795d url('/assets/essay-desk-bg-closed.png') center/100% 100% no-repeat}
#essay-desk *{box-sizing:border-box}
.essay-topbar{position:absolute;z-index:10;inset:0 2.2% auto;height:7.3%;display:grid;grid-template-columns:22% 19% 1fr 19% 12%;align-items:center;gap:1.2%;color:#f5ead8;text-shadow:0 2px 5px rgba(25,14,7,.75);pointer-events:none}
.essay-topbar a,.essay-topbar button,.essay-topbar input,.essay-topbar label{pointer-events:auto}.essay-brand{align-self:start;margin-top:1.1%;color:#fff8e9;text-decoration:none}.essay-brand strong{display:block;font-size:clamp(17px,1.8vw,30px);letter-spacing:.14em}.essay-brand span{display:block;margin-top:1px;font-size:clamp(8px,.78vw,13px);letter-spacing:.14em;opacity:.86}
.essay-years{display:flex;justify-content:center;align-items:center;gap:15%;font-size:clamp(10px,1vw,17px)}.essay-years button{position:relative;border:0;padding:.45em .3em;color:#fff8e9;background:none;font:700 clamp(16px,1.55vw,26px)/1 inherit;text-shadow:inherit}.essay-years button:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:#f8ead4}
.essay-motto{justify-self:center;margin:0;color:#3a291c;font-size:clamp(9px,.9vw,15px);line-height:1.5;letter-spacing:.1em;text-shadow:0 1px rgba(255,255,255,.35);transform:rotate(-3deg)}.essay-search{display:flex;align-items:center;gap:8px;height:35%;min-height:32px;padding:0 12px;border:1px solid rgba(74,47,27,.2);border-radius:7px;color:#513d2e;background:rgba(246,234,212,.58);box-shadow:0 3px 12px rgba(45,27,15,.13);text-shadow:none;backdrop-filter:blur(3px)}.essay-search input{min-width:0;width:100%;border:0;outline:0;color:#3c2c21;background:transparent;font:clamp(9px,.76vw,13px) inherit}
.essay-author{display:flex;align-items:center;gap:8px;color:#3b2a1e;text-shadow:0 1px rgba(255,255,255,.5)}.essay-author img{width:clamp(30px,2.7vw,45px);height:clamp(30px,2.7vw,45px);border:2px solid rgba(255,248,230,.75);border-radius:50%;object-fit:cover;box-shadow:0 3px 10px rgba(0,0,0,.28)}.essay-author b,.essay-author small{display:block}.essay-author b{font-size:clamp(10px,.86vw,14px)}.essay-author small{margin-top:2px;font-size:clamp(8px,.7vw,12px)}
.essay-workspace{position:absolute;inset:0;min-height:0;pointer-events:none}.essay-workspace button{pointer-events:auto}
.drawer-mechanics{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.drawer-rig{opacity:0;transition:opacity .16s ease}.drawer-rig.active{opacity:1}.drawer-face{transform:translateX(-3px);transform-box:view-box;transform-origin:center;transition:transform .44s cubic-bezier(.18,.86,.28,1.08)}.drawer-rig.active .drawer-face{transform:translateX(7px)}
.essay-months{position:absolute;z-index:5;top:6.6%;left:2.8%;width:11.1%;height:72.3%;display:grid;grid-template-rows:repeat(12,1fr);gap:.35%;padding:0}.essay-months button{display:flex;align-items:center;justify-content:center;gap:23%;width:100%;min-height:0;border:0;border-radius:2px;color:#140c07;background:transparent;box-shadow:none;font:700 clamp(10px,1.22vw,20px)/1 inherit;text-shadow:0 1px rgba(255,219,170,.36);cursor:pointer;transition:.2s ease}.essay-months button i{width:5px;height:5px;border-radius:50%;background:#2e190c;box-shadow:0 1px rgba(255,220,168,.28)}.essay-months button:hover{color:#fff0d2;background:rgba(240,190,112,.1);text-shadow:0 2px 4px #2a1207}.essay-months button.active{align-items:flex-start;padding-top:12%;color:#1c1008;background:linear-gradient(90deg,transparent,rgba(255,207,130,.12),transparent);transform:none}.essay-months button.active i{margin-top:1px}
.essay-months button i{display:none}
@media(min-width:901px){
  .essay-months{inset:0;width:100%;height:100%;display:block;padding:0;pointer-events:none}
  .essay-months button{position:absolute;left:2.8%;width:11.1%;height:5.739%;padding:0;pointer-events:auto;transition:none}
  .essay-months button:nth-child(1){top:6.695%}.essay-months button:nth-child(2){top:12.434%}.essay-months button:nth-child(3){top:18.172%}.essay-months button:nth-child(4){top:23.911%}
  .essay-months button:nth-child(5){top:29.649%}.essay-months button:nth-child(6){top:35.388%}.essay-months button:nth-child(7){top:41.127%}.essay-months button:nth-child(8){top:46.865%}
  .essay-months button:nth-child(9){top:52.604%}.essay-months button:nth-child(10){top:58.342%}.essay-months button:nth-child(11){top:64.081%}.essay-months button:nth-child(12){top:69.819%}
  .essay-months button.active{align-items:center;padding:0;transform:none;font-size:inherit;letter-spacing:normal}
}
.essay-cabinet{position:absolute;z-index:4;inset:0;display:block;min-width:0;border:0;background:none;box-shadow:none}.cabinet-head{position:absolute;top:8.7%;left:16.5%;width:42.4%;height:6.2%;display:grid;grid-template-columns:1fr 24% 1fr;align-items:center;padding:0 1.4%;color:#ead9bd;background:none;text-shadow:0 2px 4px rgba(20,10,4,.8)}.cabinet-head p{margin:0;font-size:clamp(8px,.72vw,12px);line-height:1.45;opacity:.88}.cabinet-head h1{height:auto;margin:0;border:0;color:#24150c;background:none;box-shadow:none;font-size:clamp(17px,1.65vw,29px);text-align:center;text-shadow:0 1px rgba(255,235,196,.65)}.cabinet-head h1 i{display:inline-block;width:5px;height:5px;margin-left:18%;border-radius:50%;background:#332013}.cabinet-count{justify-self:end;font-size:clamp(8px,.72vw,12px);opacity:.9}
.essay-files{position:absolute;top:18.9%;left:17.05%;width:40.8%;height:57.9%;display:block;padding:0;overflow:visible;background:none;perspective:1050px;perspective-origin:50% 48%;transform-style:preserve-3d;container-type:inline-size}
.essay-note{--paper-rx:.35deg;--paper-ry:1.1deg;--paper-rz:-.22deg;--hover-rx:0deg;--hover-ry:0deg;--note-title:clamp(10px,.9vw,15px);--note-meta:clamp(7px,.6vw,10px);--note-body:clamp(7px,.58vw,9.5px);position:absolute;z-index:1;min-height:0;padding:var(--note-pad-top,7%) var(--note-pad-x,7%) 4%;overflow:visible;isolation:isolate;border:0;color:#40342b;text-align:left;background:transparent;box-shadow:none;transform-origin:50% 88%;transform-style:preserve-3d;transform:translate3d(0,0,0) rotateX(calc(var(--paper-rx) + var(--hover-rx))) rotateY(calc(var(--paper-ry) + var(--hover-ry))) rotateZ(var(--paper-rz));will-change:transform;cursor:pointer;transition:transform .34s cubic-bezier(.2,.72,.25,1),filter .25s ease}
.essay-note[data-slot="1"]{left:10.65%;top:3.74%;width:39.21%;height:10.25%;--note-meta:10px;--note-meta:1.46590cqw;--note-title:15px;--note-title:2.19885cqw;--note-body:9.5px;--note-body:1.39260cqw}
.essay-note[data-slot="2"]{left:60.56%;top:1.83%;width:28.15%;height:8.64%;--note-meta:8.5px;--note-meta:1.24601cqw;--note-title:12.5px;--note-title:1.83237cqw;--note-body:9px;--note-body:1.31931cqw}
.essay-note[data-slot="3"]{left:10.44%;top:21.38%;width:37.87%;height:11.72%;--note-meta:11.5px;--note-meta:1.68578cqw;--note-title:18px;--note-title:2.63862cqw;--note-body:12.5px;--note-body:1.83237cqw}
.essay-note[data-slot="4"]{left:57.87%;top:20.09%;width:39.42%;height:14.03%;--note-meta:13.5px;--note-meta:1.97896cqw;--note-title:18px;--note-title:2.63862cqw;--note-body:12px;--note-body:1.75908cqw}
.essay-note[data-slot="5"]{left:8.12%;top:39.11%;width:42.77%;height:20.74%;--note-meta:17px;--note-meta:2.49203cqw;--note-title:20px;--note-title:2.93179cqw;--note-body:16.5px;--note-body:2.41873cqw}
.essay-note[data-slot="6"]{left:59.46%;top:42.07%;width:39.02%;height:14.07%;--note-meta:13.5px;--note-meta:1.97896cqw;--note-title:18px;--note-title:2.63862cqw;--note-body:12px;--note-body:1.75908cqw}
.essay-note[data-slot="7"]{left:.01%;top:66.03%;width:48.87%;height:13.34%;--note-meta:16px;--note-meta:2.34544cqw;--note-title:19px;--note-title:2.78520cqw;--note-body:15px;--note-body:2.19885cqw}
.essay-note[data-slot="8"]{left:56.07%;top:62.92%;width:43.01%;height:14.03%;--note-meta:16px;--note-meta:2.34544cqw;--note-title:19px;--note-title:2.78520cqw;--note-body:15px;--note-body:2.19885cqw}
.essay-note[data-slot="9"]{left:2.97%;top:85.77%;width:42.88%;height:13.44%;--note-meta:16px;--note-meta:2.34544cqw;--note-title:20px;--note-title:2.93179cqw;--note-body:17px;--note-body:2.49203cqw}
.essay-note[data-slot="10"]{left:55.3%;top:84.43%;width:46.35%;height:14.44%;--note-meta:16px;--note-meta:2.34544cqw;--note-title:20px;--note-title:2.93179cqw;--note-body:16px;--note-body:2.34544cqw}
.essay-note:nth-child(even){--paper-ry:-1.05deg;--paper-rz:.2deg}.essay-note:nth-child(3n){--paper-rx:.7deg;--paper-rz:.32deg}.essay-note:nth-child(4n){--paper-rx:.15deg;--paper-rz:-.38deg}
.essay-note::before{content:"";position:absolute;z-index:-1;inset:1.5% .8% 0;clip-path:polygon(1.2% 2%,98.5% 0,100% 97.8%,1% 100%,0 5%);background:linear-gradient(105deg,rgba(255,255,255,.3),rgba(245,235,217,.1) 42%,rgba(115,82,50,.055)),repeating-linear-gradient(0deg,rgba(79,55,34,.018) 0 1px,transparent 1px 4px);filter:drop-shadow(0 2px 1px rgba(49,30,17,.16));opacity:.32;transition:opacity .25s ease,filter .3s ease}
.essay-note::after{content:"";position:absolute;z-index:-2;left:2%;right:1%;bottom:-3px;height:5px;border-radius:0 0 45% 45%;background:linear-gradient(to bottom,rgba(107,78,48,.32),rgba(49,29,16,.05));opacity:.22;transform:rotateX(-62deg);transform-origin:top;transition:opacity .25s ease,transform .3s ease}
.essay-note:hover,.essay-note.active{z-index:8;border:0;color:#2d2119;background:transparent;box-shadow:none;transform:translate3d(0,-7px,30px) rotateX(calc(var(--paper-rx) + var(--hover-rx))) rotateY(calc(var(--paper-ry) + var(--hover-ry))) rotateZ(var(--paper-rz));filter:drop-shadow(0 12px 9px rgba(47,28,15,.28))}.essay-note:hover::before,.essay-note.active::before{opacity:.52;filter:drop-shadow(0 5px 4px rgba(49,30,17,.28))}.essay-note:hover::after,.essay-note.active::after{opacity:.58;transform:rotateX(-76deg)}
.essay-note.is-departing{opacity:.16;transition:opacity .16s ease}
.essay-paper-flight{position:fixed;z-index:10020;overflow:visible;isolation:isolate;padding:14px 18px;border:1px solid rgba(117,88,56,.22);clip-path:polygon(1% 2%,98.5% 0,100% 97%,1% 100%,0 5%);color:#45372d;text-align:left;background:linear-gradient(105deg,rgba(255,255,255,.48),rgba(240,229,210,.92) 46%,rgba(208,190,164,.72)),repeating-linear-gradient(0deg,rgba(79,55,34,.025) 0 1px,transparent 1px 4px);box-shadow:0 8px 18px rgba(42,25,13,.28);pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity,filter}.essay-paper-flight::before{content:"";position:absolute;z-index:-1;inset:4px -3px -4px 3px;border:1px solid rgba(111,80,49,.18);background:rgba(238,226,205,.72);box-shadow:5px 6px 8px rgba(40,23,12,.14);transform:translateZ(-1px) rotate(.8deg)}.essay-paper-flight::after{content:"";position:absolute;z-index:-2;left:35%;top:48%;width:230%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(244,226,196,.88),rgba(218,178,121,.42) 38%,rgba(248,238,218,0));filter:blur(3px);opacity:0;transform-origin:left center;animation:essay-paper-trail .82s ease both}.essay-paper-flight time{display:block;font-size:11px;opacity:.72}.essay-paper-flight strong{display:block;margin:5px 0 3px;font-size:16px}.essay-paper-flight p{display:-webkit-box;margin:0;overflow:hidden;color:#695747;font-size:11px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.essay-paper-flight .note-art,.essay-paper-flight .note-clip{display:none}
@keyframes essay-paper-trail{0%,20%{opacity:0;transform:scaleX(.1)}48%{opacity:.76;transform:scaleX(.72)}78%{opacity:.42;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.08)}}
.essay-note time,.essay-note strong,.essay-note p{position:relative;z-index:2;color:#46382e;mix-blend-mode:multiply;text-shadow:.25px .35px rgba(58,38,23,.18);filter:contrast(1.05) saturate(.78)}.essay-note time{display:block;font-size:var(--note-meta);line-height:1.1;opacity:.72}.essay-note strong{display:block;margin:2.4% 0 1.5%;font-size:var(--note-title);line-height:1.25;font-weight:700;opacity:.94}.essay-note p{display:-webkit-box;max-width:96%;margin:0;overflow:hidden;color:#695747;font-size:var(--note-body);line-height:1.4;opacity:.88;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.note-art,.note-clip{display:none}
.cabinet-foot{position:absolute;top:79.15%;left:30.8%;width:12.4%;height:6.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:none;box-shadow:none;text-align:center}.cabinet-caption{display:block;width:100%;min-height:0;padding:0;border:0;color:#513b2a;background:none;box-shadow:none;text-align:center;font-size:clamp(7px,.62vw,10.5px);line-height:1.25}.cabinet-foot.has-pagination .cabinet-caption{transform:none}.essay-pagination{display:flex;align-items:center;justify-content:center;gap:8%;width:72%;height:25%;margin-top:2%;color:#513b2a;font:700 clamp(6px,.52vw,9px)/1 serif}.essay-pagination[hidden]{display:none}.essay-pagination button{display:flex;align-items:center;justify-content:center;width:22%;height:100%;padding:0;border:0;color:#513b2a;background:transparent;font:700 1.35em/1 serif;cursor:pointer}.essay-pagination button:disabled{opacity:.28;cursor:default}.essay-page-status{min-width:2.9em;white-space:nowrap;text-align:center}.essay-empty{position:absolute;z-index:4;top:38%;left:26%;margin:0;padding:12px 18px;border:1px solid rgba(95,68,43,.2);border-radius:4px;color:#604d3c;background:rgba(240,229,210,.72);box-shadow:0 5px 15px rgba(38,23,13,.13);font-size:clamp(9px,.84vw,14px);letter-spacing:.06em;backdrop-filter:blur(2px)}
.essay-reader{position:absolute;z-index:6;top:8.1%;left:61.4%;width:35.3%;height:77.2%;min-width:0;padding:0;border:0;background:none;box-shadow:none}.reader-paper{position:relative;width:100%;height:100%;min-height:0;padding:7.5% 8.5% 5%;overflow:hidden;background:transparent;box-shadow:none}.reader-meta{display:flex;align-items:center;gap:4%}.reader-time{margin-right:auto;font-size:clamp(15px,1.55vw,25px)}.reader-star,.reader-more{border:0;color:#3b3028;background:none;font-size:clamp(18px,1.8vw,29px);cursor:pointer}.reader-star.active{color:#a56d22}.reader-more{font-size:clamp(14px,1.3vw,21px)}.reader-date{margin:.5% 0 5%;font-size:clamp(8px,.78vw,13px);opacity:.72}.reader-title{margin:0 0 4%;font-size:clamp(20px,2vw,34px);letter-spacing:.12em}.reader-body{max-width:86%;font-size:clamp(10px,.94vw,16px);line-height:1.85}.reader-body p{margin:0 0 3.4%}.reader-sign{margin:4% 0;font-size:clamp(8px,.86vw,14px)}.reader-tags{display:flex;flex-wrap:wrap;gap:6px;padding:2% 0 4%;border-bottom:1px solid rgba(77,57,40,.15)}.reader-tags span{padding:3px 8px;border:1px solid rgba(77,57,40,.15);border-radius:999px;color:#756456;font-size:clamp(7px,.7vw,12px)}.reader-actions{display:flex;gap:7%;margin-top:3%}.reader-actions button{border:0;color:#766557;background:none;font:clamp(8px,.72vw,12px) inherit;cursor:pointer}.reader-actions i{margin-right:5px}
.reader-photo{position:absolute;right:4%;bottom:8%;margin:0;padding:1.5% 1.5% 4%;background:#e8ddca;box-shadow:0 5px 10px rgba(38,24,15,.2);transform:rotate(6deg)}.reader-photo span{display:block;width:clamp(52px,5.8vw,97px);aspect-ratio:.74;background:radial-gradient(circle at 70% 24%,#fff7be 0 2%,transparent 3%),linear-gradient(#152648,#536a7c 62%,#172617)}.reader-photo figcaption{margin-top:5px;text-align:center;font-size:clamp(6px,.58vw,10px);line-height:1.35}.reader-nav{position:absolute;top:46%;z-index:8;width:28px;height:54px;border:1px solid rgba(67,48,34,.22);border-radius:5px;color:#765f4e;background:rgba(247,239,223,.82);box-shadow:0 3px 9px rgba(0,0,0,.15);font-size:26px;cursor:pointer}.reader-prev{left:-3.8%}.reader-next{right:-3.8%}
@media(max-width:900px){#essay-desk{aspect-ratio:auto;min-height:100vh;overflow:visible;background-size:auto 760px;background-position:center top;background-repeat:no-repeat}.essay-topbar{position:relative;inset:auto;height:auto;display:grid;grid-template-columns:1fr auto;padding:14px 18px;color:#fff}.essay-years,.essay-motto{display:none}.essay-search{grid-column:1/-1;height:42px;margin-top:8px}.essay-author{color:#fff;text-shadow:0 2px 4px #000}.essay-workspace{position:relative;inset:auto;min-height:0;padding:8px 10px 24px;pointer-events:auto}.essay-months{position:relative;top:auto;left:auto;width:auto;height:auto;display:flex;gap:6px;overflow-x:auto;padding:7px;background:rgba(55,31,17,.72);border-radius:6px}.essay-months button{min-width:68px;height:40px;color:#f5e4ca}.essay-months button.active{padding-top:0;color:#fff;background:rgba(194,131,70,.55)}.essay-cabinet{position:relative;inset:auto;margin-top:10px;padding:10px;border:7px solid #3b2416;background:linear-gradient(90deg,#58331e,#8a5733 50%,#4b2b19)}.cabinet-head{position:relative;inset:auto;width:auto;height:72px;grid-template-columns:1fr 120px 1fr;color:#f0dfc5}.cabinet-head h1{color:#24150c;padding:7px;background:#c59b62;border:3px ridge #9a6c31;border-radius:7px}.essay-files{position:relative;inset:auto;width:auto;height:auto;min-height:0;grid-template-rows:none;padding:30px 12px 12px;background:#22140c}.essay-note{min-height:112px;padding:16px 72px 12px 18px;background:#ede3d1;box-shadow:0 -9px 0 -3px #d5cab8}.cabinet-foot{position:relative;inset:auto;width:auto;height:86px;margin:0 -10px -10px;background:#714424}.cabinet-caption{padding:8px 20px;background:#ceb182;border:3px ridge #9a6c31;border-radius:6px}.essay-pagination{height:24px;margin-top:3px;color:#f5e4ca}.essay-pagination button{color:#f5e4ca}.essay-reader{position:relative;inset:auto;width:auto;height:auto;min-height:680px;margin-top:12px;padding:12px;border:8px solid #4c2e1d;background:#f1e8d6}.reader-paper{min-height:640px;padding:35px 38px;background:#f5eddd}.reader-time{font-size:24px}.reader-title{font-size:30px}.reader-body{max-width:100%;font-size:15px}.reader-date,.reader-sign{font-size:12px}.reader-photo{display:none}.reader-prev{left:-10px}.reader-next{right:-10px}}
@media(max-width:900px){.drawer-mechanics{display:none}.essay-empty{position:relative;inset:auto;width:max-content;max-width:90%;margin:45px auto}}
@media(max-width:560px){.essay-files{grid-template-columns:1fr}.cabinet-head p{display:none}.cabinet-head{grid-template-columns:1fr auto}.reader-paper{padding:28px 24px}.reader-actions{gap:12px}}
@media(min-width:901px){.essay-months button,.essay-months button:hover,.essay-months button.active{align-items:center;padding:0;color:#140c07;background:transparent;box-shadow:none;text-shadow:0 1px rgba(255,219,170,.36);font-weight:700;letter-spacing:normal;transform:none;transition:none}}
@media(max-width:900px){.essay-months button,.essay-months button:hover,.essay-months button.active{color:#f5e4ca;background:transparent;box-shadow:none;text-shadow:none;transform:none;transition:none}}
@media(min-width:901px){.essay-months button span{display:block;transition:transform .44s cubic-bezier(.18,.86,.28,1.08)}.essay-months button.active span{opacity:1;visibility:visible;transform:translate(6px,25px)}.essay-months button.occluded span{opacity:0;visibility:hidden}}
@media(max-width:900px){.essay-files{perspective:none;transform-style:flat}.essay-note,.essay-note:hover,.essay-note.active{transform:none;filter:none}.essay-note::before,.essay-note::after{display:none}.essay-note time,.essay-note strong,.essay-note p{mix-blend-mode:normal;filter:none;text-shadow:none}}
@media(prefers-reduced-motion:reduce){.essay-note,.essay-note::before,.essay-note::after{transition:none!important}.essay-note,.essay-note:hover,.essay-note.active{transform:none!important;filter:none!important}}
@media(max-width:900px){.essay-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.essay-note,.essay-note:nth-child(n){position:relative;inset:auto;width:auto;height:auto;min-height:112px;padding:16px 72px 12px 18px;--note-title:16px;--note-meta:11px;--note-body:11px}}
@media(max-width:560px){.essay-files{grid-template-columns:1fr}}
.essay-debug-mode .essay-files{perspective:none!important}.essay-debug-mode .essay-note,.essay-debug-mode .essay-note:hover,.essay-debug-mode .essay-note.active{z-index:20;overflow:visible;outline:2px solid #18d6ff;outline-offset:-2px;color:#10202a;background:rgba(24,214,255,.11);filter:none!important;transform:none!important;transition:none!important;cursor:move}.essay-debug-mode .essay-note.debug-selected{z-index:30;outline-color:#ffe36e;background:rgba(255,227,110,.18);box-shadow:0 0 0 2px rgba(25,15,8,.55),0 0 18px rgba(255,227,110,.5)}.essay-debug-mode .essay-note::before,.essay-debug-mode .essay-note::after{display:none}.essay-debug-mode .essay-note time,.essay-debug-mode .essay-note strong,.essay-debug-mode .essay-note p{mix-blend-mode:normal;filter:none;text-shadow:none}.essay-debug-handle{position:absolute!important;right:-1px!important;bottom:-1px!important;z-index:50!important;display:block!important;width:15px!important;height:15px!important;border:2px solid #1b2630!important;background:#ffe36e!important;box-shadow:0 1px 4px rgba(0,0,0,.45)!important;opacity:1!important;visibility:visible!important;transform:none!important;cursor:nwse-resize!important}
.essay-debug-panel{position:fixed;z-index:30000;top:18px;right:18px;width:310px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#eef8ff;background:rgba(15,22,29,.94);box-shadow:0 16px 48px rgba(0,0,0,.42);font:13px/1.45 system-ui,"Microsoft YaHei",sans-serif;backdrop-filter:blur(14px)}.essay-debug-panel header{display:flex;flex-direction:column;margin-bottom:10px}.essay-debug-panel header strong{font-size:16px}.essay-debug-panel header small,.essay-debug-status{color:#9eb1bf}.essay-debug-current{margin:8px 0;color:#ffe36e;font-weight:700}.essay-debug-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.essay-debug-fields label{color:#b8c7d2;font-size:11px}.essay-debug-fields input{width:100%;margin-top:3px;padding:6px;border:1px solid #41515e;border-radius:5px;color:#fff;background:#111a21}.essay-debug-output{width:100%;height:155px;margin:10px 0;padding:8px;resize:vertical;border:1px solid #41515e;border-radius:6px;color:#ccecff;background:#091016;font:11px/1.4 Consolas,monospace}.essay-debug-actions{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:6px}.essay-debug-actions button{padding:8px 5px;border:0;border-radius:6px;color:#13202a;background:#dbeaf3;font-weight:700;cursor:pointer}.essay-debug-actions button:first-child{background:#ffe36e}.essay-debug-status{margin:9px 0 0;font-size:11px}
@media(max-width:700px){.essay-debug-panel{right:8px;left:8px;top:auto;bottom:8px;width:auto}.essay-debug-output{height:90px}}
.essay-note{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;text-align:center;--note-pad-top:0!important;--note-pad-x:0!important}.essay-note time,.essay-note strong,.essay-note p{width:100%;text-align:center}.essay-note p{max-width:100%}
.essay-debug-mode .essay-note{touch-action:none;user-select:none}
.essay-debug-nudge{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.essay-debug-nudge button{padding:7px;border:1px solid #526675;border-radius:6px;color:#dcebf4;background:#24333e;cursor:pointer}
.essay-debug-panel{width:350px}.essay-debug-fonts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.essay-debug-fonts label{color:#b8c7d2;font-size:11px}.essay-debug-fonts input{width:100%;margin-top:3px;padding:6px;border:1px solid #41515e;border-radius:5px;color:#fff;background:#111a21}
@media(min-width:901px){.cabinet-foot{top:81%}}
@media(min-width:901px){.essay-note.active{transform:none;filter:none}.essay-note.active::before{filter:drop-shadow(0 2px 1px rgba(49,30,17,.16));opacity:.38}.essay-note.active::after{opacity:.22;transform:rotateX(-62deg)}.essay-note.active time,.essay-note.active strong,.essay-note.active p{opacity:.42;filter:blur(clamp(.7px,.09vw,1.5px));text-shadow:none;transition:opacity .25s ease,filter .25s ease}}

/* Final mobile layout overrides: keep these after desktop/debug rules. */
@media(max-width:900px){
  .type-essay #body-wrap{background:#2d1b11}
  #essay-desk{width:100%;min-height:100svh;overflow:hidden;color:#38291f;background-color:#3a2417;background-image:linear-gradient(180deg,rgba(26,14,7,.08),rgba(26,14,7,.58) 620px),url('/assets/essay-desk-bg-closed.png');background-position:center top;background-size:auto 720px;background-repeat:no-repeat}
  .essay-topbar{position:relative;inset:auto;z-index:20;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 16px 14px;color:#fff8e9;background:linear-gradient(180deg,rgba(31,17,9,.55),rgba(31,17,9,.12));text-shadow:0 2px 5px rgba(20,10,4,.8)}
  .essay-brand{align-self:center;margin:0}.essay-brand strong{font-size:24px;line-height:1.2}.essay-brand span{margin-top:4px;font-size:11px}
  .essay-author{justify-self:end;color:#fff8e9}.essay-author img{width:40px;height:40px}.essay-author b{font-size:13px}.essay-author small{font-size:10px}
  .essay-search{grid-column:1/-1;width:100%;height:44px;margin:0;padding:0 14px;border-color:rgba(255,244,222,.28);border-radius:12px;color:#f9ead4;background:rgba(38,23,14,.62);box-shadow:0 6px 18px rgba(18,9,4,.22);backdrop-filter:blur(10px)}
  .essay-search input{color:#fff8e9;font-size:14px}.essay-search input::placeholder{color:rgba(255,248,233,.62)}
  .essay-workspace{position:relative;inset:auto;display:block;min-height:0;padding:8px 12px 32px;pointer-events:auto}
  .essay-months{position:sticky;z-index:30;top:0;left:auto;width:calc(100% + 8px);height:auto;display:flex;gap:7px;margin:0 -4px 12px;padding:8px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid rgba(255,235,205,.14);border-radius:13px;background:rgba(46,27,16,.82);box-shadow:0 8px 22px rgba(17,8,3,.22);scroll-snap-type:x proximity;scrollbar-width:none;backdrop-filter:blur(12px)}
  .essay-months::-webkit-scrollbar{display:none}
  .essay-months button,.essay-months button:hover,.essay-months button.active{position:relative;inset:auto;flex:0 0 58px;width:58px;min-width:58px;height:40px;padding:0;border:1px solid transparent;border-radius:9px;color:#e9d6bb;background:transparent;box-shadow:none;text-shadow:none;font:700 14px/1 inherit;transform:none;scroll-snap-align:center}
  .essay-months button.active{border-color:rgba(255,226,181,.35);color:#2b190e;background:linear-gradient(180deg,#e8c994,#bf8c51);box-shadow:inset 0 1px rgba(255,255,255,.5),0 4px 10px rgba(18,9,4,.28)}
  .essay-months button span,.essay-months button.active span{opacity:1;visibility:visible;transform:none}
  .essay-cabinet{position:relative;inset:auto;width:100%;margin:0;padding:8px;border:4px solid #3b2416;border-radius:13px;background:linear-gradient(135deg,#5d3821,#8a5936 48%,#4a2a19);box-shadow:0 14px 30px rgba(18,9,4,.36),inset 0 1px rgba(255,221,178,.22)}
  .cabinet-head{position:relative;inset:auto;width:100%;height:66px;display:grid;grid-template-columns:1fr 92px 1fr;padding:0 12px;color:#f2dfc2}
  .cabinet-head p{font-size:10px;line-height:1.4}.cabinet-head h1{padding:8px 5px;border:2px solid #8a5c28;border-radius:8px;color:#25160d;background:linear-gradient(#dfbf86,#bb8d54);box-shadow:inset 0 0 0 2px rgba(255,235,191,.35),0 3px 8px rgba(25,12,5,.32);font-size:21px}.cabinet-count{font-size:10px}
  .essay-files{position:relative;inset:auto;width:100%;height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px 10px;border-radius:7px;background:radial-gradient(circle at 50% 0,rgba(113,73,43,.36),transparent 55%),#20130c;box-shadow:inset 0 12px 22px rgba(0,0,0,.48);perspective:none;container-type:normal}
  .essay-note,.essay-note:nth-child(n),.essay-note:hover,.essay-note.active{position:relative;inset:auto;display:flex;width:auto;height:auto;min-height:126px;padding:15px 13px 13px;overflow:hidden;align-items:flex-start;justify-content:flex-start;border:1px solid rgba(117,87,56,.22);border-radius:3px;color:#44362b;text-align:left;background:linear-gradient(112deg,rgba(255,255,255,.4),transparent 38%),linear-gradient(#f0e7d7,#e4d7c3);box-shadow:0 -7px 0 -3px #cfc1ab,0 6px 12px rgba(21,11,5,.28);filter:none;transform:none;transition:box-shadow .2s ease,border-color .2s ease}
  .essay-note:hover,.essay-note.active{border-color:rgba(151,99,41,.45);box-shadow:0 -7px 0 -3px #cfc1ab,0 8px 16px rgba(21,11,5,.36)}
  .essay-note time,.essay-note strong,.essay-note p{width:100%;color:#49392e;text-align:left;mix-blend-mode:multiply;text-shadow:none;filter:none}
  .essay-note time{font-size:11px;line-height:1.2}.essay-note strong{margin:7px 0 5px;font-size:17px;line-height:1.3}.essay-note p{display:-webkit-box;max-width:100%;margin:0;font-size:12px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .essay-note.active time,.essay-note.active strong,.essay-note.active p{opacity:.5;filter:blur(.55px)}
  .cabinet-foot,.cabinet-foot.has-pagination{position:relative;inset:auto;width:calc(100% + 16px);height:92px;margin:8px -8px -8px;padding:10px 14px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#58341e,#865432 50%,#54301d);box-shadow:inset 0 7px 14px rgba(27,13,6,.28);transform:none}
  .cabinet-caption{width:min(280px,88%);padding:7px 14px;border:2px solid #8d642f;border-radius:7px;color:#4b3525;background:linear-gradient(#dbc092,#bea06f);box-shadow:inset 0 0 0 2px rgba(255,239,205,.38),0 3px 7px rgba(25,12,5,.3);font-size:11px;line-height:1.3;transform:none}
  .essay-pagination{width:auto;height:32px;gap:10px;margin-top:5px;color:#f2dfc2;font-size:12px}
  .essay-pagination button{width:38px;height:30px;border:1px solid rgba(255,232,198,.2);border-radius:8px;color:#f8e8cf;background:rgba(35,19,10,.25);font-size:20px}.essay-pagination button:disabled{opacity:.3}.essay-page-status{min-width:48px}
  .essay-empty{position:relative;inset:auto;grid-column:1/-1;width:auto;max-width:none;margin:30px auto;padding:14px 18px;text-align:center}
  .essay-reader{position:relative;inset:auto;width:100%;height:auto;min-height:0;margin:16px 0 0;padding:7px;border:4px solid #452a1a;border-radius:12px;background:linear-gradient(135deg,#765036,#4b2d1d);box-shadow:0 16px 32px rgba(18,9,4,.4);scroll-margin-top:14px}
  .reader-paper{position:relative;width:100%;height:auto;min-height:0;padding:28px 24px 34px;overflow:visible;border:1px solid rgba(111,83,52,.22);border-radius:4px;background:linear-gradient(105deg,rgba(255,255,255,.35),transparent 42%),#f2e9d9;box-shadow:inset 0 0 35px rgba(115,83,48,.08),0 3px 8px rgba(21,11,5,.25)}
  .reader-meta{gap:12px}.reader-time{font-size:23px}.reader-star,.reader-more{font-size:25px}.reader-more{font-size:20px}.reader-date{margin:4px 0 22px;font-size:12px}.reader-title{margin:0 0 20px;font-size:28px;line-height:1.25;letter-spacing:.08em}.reader-body{max-width:100%;font-size:15px;line-height:1.9}.reader-body p{margin:0 0 15px}.reader-sign{margin:24px 0 18px;font-size:12px}.reader-tags{gap:7px;padding:10px 0 18px}.reader-tags span{padding:5px 9px;font-size:11px}.reader-actions{flex-wrap:wrap;gap:8px 18px;margin-top:16px}.reader-actions button{min-height:32px;font-size:12px}.reader-photo{display:none}
  .reader-nav{top:48%;width:34px;height:52px;border-color:rgba(70,49,32,.2);background:rgba(247,239,223,.88);font-size:24px}.reader-prev{left:-5px}.reader-next{right:-5px}
}
@media(max-width:560px){
  .essay-topbar{padding:15px 13px 12px}.essay-brand strong{font-size:21px}.essay-author small{display:none}.essay-author img{width:36px;height:36px}
  .essay-workspace{padding:7px 8px 24px}.essay-months{margin-bottom:9px}.essay-months button,.essay-months button:hover,.essay-months button.active{flex-basis:52px;width:52px;min-width:52px}
  .cabinet-head{grid-template-columns:1fr 86px;padding:0 8px}.cabinet-head p{display:none}.cabinet-head h1{font-size:19px}.cabinet-count{font-size:9px}
  .essay-files{grid-template-columns:1fr;gap:12px;padding:16px 9px}.essay-note,.essay-note:nth-child(n),.essay-note:hover,.essay-note.active{min-height:116px;padding:15px 15px 13px}.essay-note strong{font-size:18px}.essay-note p{font-size:12.5px}
  .reader-paper{padding:25px 18px 30px}.reader-time{font-size:21px}.reader-title{font-size:24px}.reader-body{font-size:15px;line-height:1.85}.reader-nav{width:30px;height:48px}.reader-prev{left:-4px}.reader-next{right:-4px}
}

/* Mobile keeps the complete desktop scene. The wide stage scrolls horizontally. */
@media(max-width:900px){
  .type-essay #body-wrap{width:1180px;min-width:1180px;min-height:664px;overflow:visible;background:#7a5538}
  #essay-desk{position:relative;width:1180px;min-width:1180px;min-height:0;aspect-ratio:1672/941;overflow:hidden;color:#30251d;background:#9a795d url('/assets/essay-desk-bg-closed.png') center/100% 100% no-repeat}
  .essay-topbar{position:absolute;z-index:10;inset:0 2.2% auto;height:7.3%;display:grid;grid-template-columns:22% 19% 1fr 19% 12%;align-items:center;gap:1.2%;padding:0;color:#f5ead8;background:none;text-shadow:0 2px 5px rgba(25,14,7,.75);pointer-events:none}
  .essay-years{display:flex;justify-content:center;align-items:center;gap:15%;font-size:12px}.essay-years button{font-size:18px}
  .essay-motto{display:block;font-size:10px}.essay-brand{align-self:start;margin-top:1.1%}.essay-brand strong{font-size:21px}.essay-brand span{margin-top:1px;font-size:9px}
  .essay-search{grid-column:auto;width:auto;height:35%;min-height:32px;margin:0;padding:0 12px;border:1px solid rgba(74,47,27,.2);border-radius:7px;color:#513d2e;background:rgba(246,234,212,.58);box-shadow:0 3px 12px rgba(45,27,15,.13);backdrop-filter:blur(3px)}.essay-search input{color:#3c2c21;font-size:10px}.essay-search input::placeholder{color:#705b49}
  .essay-author{justify-self:auto;color:#3b2a1e;text-shadow:0 1px rgba(255,255,255,.5)}.essay-author img{width:34px;height:34px}.essay-author b{font-size:11px}.essay-author small{display:block;font-size:9px}
  .essay-workspace{position:absolute;inset:0;display:block;min-height:0;padding:0;pointer-events:none}
  .drawer-mechanics{display:block}
  .essay-months{position:absolute;z-index:5;inset:0;width:100%;height:100%;display:block;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;pointer-events:none}
  .essay-months button,.essay-months button:hover,.essay-months button.active{position:absolute;left:2.8%;flex:none;width:11.1%;min-width:0;height:5.739%;padding:0;border:0;border-radius:2px;color:#140c07;background:transparent;box-shadow:none;text-shadow:0 1px rgba(255,219,170,.36);font:700 14px/1 inherit;transform:none;transition:none;scroll-snap-align:none;pointer-events:auto}
  .essay-months button:nth-child(1){top:6.695%}.essay-months button:nth-child(2){top:12.434%}.essay-months button:nth-child(3){top:18.172%}.essay-months button:nth-child(4){top:23.911%}.essay-months button:nth-child(5){top:29.649%}.essay-months button:nth-child(6){top:35.388%}.essay-months button:nth-child(7){top:41.127%}.essay-months button:nth-child(8){top:46.865%}.essay-months button:nth-child(9){top:52.604%}.essay-months button:nth-child(10){top:58.342%}.essay-months button:nth-child(11){top:64.081%}.essay-months button:nth-child(12){top:69.819%}
  .essay-months button span{display:block;opacity:1;visibility:visible;transform:none}.essay-months button.active span{transform:translate(4px,18px)}.essay-months button.occluded span{opacity:0;visibility:hidden}
  .essay-cabinet{position:absolute;z-index:4;inset:0;width:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .cabinet-head{position:absolute;top:8.7%;left:16.5%;width:42.4%;height:6.2%;display:grid;grid-template-columns:1fr 24% 1fr;align-items:center;padding:0 1.4%;color:#ead9bd}
  .cabinet-head p{display:block;font-size:9px}.cabinet-head h1{padding:0;border:0;border-radius:0;color:#24150c;background:none;box-shadow:none;font-size:20px}.cabinet-count{font-size:9px}
  .essay-files{position:absolute;top:18.9%;left:17.05%;width:40.8%;height:57.9%;display:block;min-height:0;padding:0;overflow:visible;border-radius:0;background:none;box-shadow:none;perspective:1050px;perspective-origin:50% 48%;transform-style:preserve-3d;container-type:inline-size}
  .essay-note,.essay-note:nth-child(n),.essay-note:hover,.essay-note.active{position:absolute;z-index:1;display:flex;min-height:0;padding:0;overflow:visible;align-items:center;justify-content:flex-start;border:0;border-radius:0;color:#40342b;text-align:center;background:transparent;box-shadow:none;transform-origin:50% 88%;transform-style:preserve-3d;transform:translate3d(0,0,0) rotateX(var(--paper-rx)) rotateY(var(--paper-ry)) rotateZ(var(--paper-rz));transition:transform .34s cubic-bezier(.2,.72,.25,1),filter .25s ease}
  .essay-note:hover{z-index:8;transform:translate3d(0,-5px,22px) rotateX(var(--paper-rx)) rotateY(var(--paper-ry)) rotateZ(var(--paper-rz));filter:drop-shadow(0 8px 7px rgba(47,28,15,.25))}.essay-note.active{z-index:8;transform:none;filter:none}
  .essay-note::before,.essay-note::after{display:block}.essay-note time,.essay-note strong,.essay-note p{width:100%;color:#46382e;text-align:center;mix-blend-mode:multiply;text-shadow:.25px .35px rgba(58,38,23,.18)}.essay-note time{font-size:var(--note-meta)}.essay-note strong{margin:2.4% 0 1.5%;font-size:var(--note-title)}.essay-note p{max-width:100%;font-size:var(--note-body)}.essay-note.active time,.essay-note.active strong,.essay-note.active p{opacity:.42;filter:blur(1px)}
  .cabinet-foot,.cabinet-foot.has-pagination{position:absolute;top:81%;left:30.8%;width:12.4%;height:6.8%;display:flex;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
  .cabinet-caption{width:100%;padding:0;border:0;border-radius:0;color:#513b2a;background:none;box-shadow:none;font-size:8px;line-height:1.25}.essay-pagination{width:72%;height:25%;gap:8%;margin-top:2%;color:#513b2a;font-size:7px}.essay-pagination button{width:22%;height:100%;padding:0;border:0;border-radius:0;color:#513b2a;background:transparent;font-size:11px}
  .essay-empty{position:absolute;z-index:4;top:38%;left:26%;width:auto;margin:0;padding:10px 14px}
  .essay-reader{position:absolute;z-index:6;top:8.1%;left:61.4%;width:35.3%;height:77.2%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;scroll-margin:0}
  .reader-paper{position:relative;width:100%;height:100%;min-height:0;padding:7.5% 8.5% 5%;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.reader-time{font-size:18px}.reader-star{font-size:21px}.reader-more{font-size:16px}.reader-date{margin:.5% 0 5%;font-size:10px}.reader-title{margin:0 0 4%;font-size:24px}.reader-body{max-width:86%;font-size:12px;line-height:1.85}.reader-body p{margin:0 0 3.4%}.reader-sign{margin:4% 0;font-size:10px}.reader-tags{gap:5px;padding:2% 0 4%}.reader-tags span{padding:3px 7px;font-size:8px}.reader-actions{flex-wrap:nowrap;gap:7%;margin-top:3%}.reader-actions button{min-height:0;font-size:9px}.reader-photo{display:block}
  .reader-nav{position:absolute;top:46%;width:24px;height:42px;border-radius:4px;font-size:20px}.reader-prev{left:-3.8%}.reader-next{right:-3.8%}
}
@media(max-width:900px){.type-essay #body-wrap{width:700px;min-width:700px;overflow:hidden}.essay-reader{display:none!important}}