:root{--ink:#181818;--muted:#666;--bg:#dedede;--surface:#fff;--soft:#f1f1f1;--line:#ccc;--accent:#191919;--on-accent:#fff;--hover:#ececec;--radius:3px;--shadow:0 14px 40px #0002;--good:#333;--good-bg:#eee;--pending:#222;--pending-bg:#fff;--danger:#111}body{padding:24px}.device{max-width:1440px;min-height:820px;margin:auto;border:12px solid #292929;border-radius:18px;background:#fafafa;box-shadow:0 8px 36px #0002;position:relative;overflow:hidden}.status-bar{height:32px;border-bottom:1px solid #d8d8d8;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:10px;color:#666;letter-spacing:.5px}.status-bar button{padding:0 7px;border:0;font-size:10px;background:transparent;font-weight:500}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px}.brand{font-size:23px;font-weight:750;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:2px;margin-left:13px;font-weight:500;color:#666}.layout{display:grid;grid-template-columns:164px 1fr;min-height:690px}.sidebar{border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column;background:#f5f5f5}.nav-item{display:flex;gap:12px;align-items:center;border:0;background:transparent;width:100%;text-align:left;padding:13px 14px;font-size:13px;color:#555;margin-bottom:5px;border-radius:3px}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item.active{background:#222;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:20px;font-size:10px;color:#777;text-align:center;line-height:2}.sidebar-bottom a{text-decoration:underline}.content{padding:30px;min-width:0}.greeting{border:1px solid #333;background:#fff;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.greeting h1{font-family:Georgia,"Songti SC","SimSun",serif;font-weight:600;font-size:30px}.greeting .quote{font-family:Georgia,"Songti SC","SimSun",serif;font-size:14px;line-height:1.9;color:#555}.greeting .date{font-size:48px;font-family:Georgia,serif;border-left:1px solid #ccc;padding-left:27px;letter-spacing:-1px}.greeting .date small{display:block;font:11px "Microsoft YaHei";letter-spacing:1px;margin-top:5px}.reader-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px}.reader-paper{padding:35px 48px;border:1px solid #bbb;background:white;min-height:460px;font-family:Georgia,"Songti SC","SimSun",serif;font-size:20px;line-height:2.2}.reader-paper h2{font-size:28px;text-align:center;margin-bottom:26px}.reader-paper p{text-indent:2em;text-align:justify}.reader-paper mark{background:#ddd;color:#111;border-bottom:2px solid #222}.reader-tools{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:18px}.reader-tools button{font-size:12px;padding:7px 11px}.reader-toc button{display:block;width:100%;text-align:left;margin-bottom:7px;font-size:12px}.reader-toc button.active{background:#222;color:white}.reader-nav{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.reader-nav span{font-size:12px}.answer-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.screen-label{position:absolute;right:15px;bottom:4px;font-size:8px;color:#888;letter-spacing:1.5px}.portrait-tip{display:none}svg{width:20px;height:20px}.stat .number{font-family:Georgia,serif}.book-cover{background:repeating-linear-gradient(45deg,#f5f5f5,#f5f5f5 7px,#eee 7px,#eee 8px)}.book-cover:nth-child(1){color:#222}.paper-answer{padding:20px;border:1px solid #aaa;font-family:Georgia,"Songti SC",serif;font-size:19px;line-height:2;background:#fafafa}@media(max-width:1050px){body{padding:10px}.device{border-width:8px}.content{padding:22px}.layout{grid-template-columns:140px 1fr}.sidebar{padding:20px 8px}.nav-item{padding:12px 9px;font-size:12px;gap:9px}.reader-paper{padding:26px}}@media(max-width:760px){body{overflow-x:auto}.device{min-width:950px;border-radius:10px;min-height:710px}.layout{min-height:590px}.portrait-tip{display:block;font-size:11px;text-align:center;margin:0 0 10px;color:#555}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr) 235px}.page-head{flex-wrap:nowrap}}
.reader-scroll{overflow:auto}.reader-page-holder{position:relative;max-width:none}.reader-page-holder .reader-paper{width:100%}.reader-ink-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none;z-index:2;background:transparent}.reader-page-holder.writing .reader-ink-layer{pointer-events:auto;cursor:crosshair}.reader-ink-toolbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:12px 0}.reader-ink-toolbar button{font-size:12px;padding:7px 10px}
.ink-fullscreen-toggle{position:absolute;right:8px;top:8px;width:36px;height:36px;padding:7px;background:#fff;border:1px solid #aaa;z-index:2}.ink-fullscreen-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ink-fullscreen-tools{display:none}.ink-fullscreen-open{overflow:hidden}.drawing-wrap.ink-expanded{position:fixed;inset:0;z-index:200;border-radius:0;display:flex;flex-direction:column;padding:60px 16px 16px;background:#fff}.ink-expanded .ink-fullscreen-tools{position:absolute;top:10px;left:16px;right:60px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ink-fullscreen-tools span{font-size:12px}.drawing-wrap.ink-expanded canvas{flex:1;min-height:0;width:100%;height:100%;object-fit:contain}.ink-expanded .drawing-hint{top:80px}

.drawing-wrap.ink-expanded canvas{flex:none;width:min(100%,calc((100vh - 100px)*var(--ink-ratio)));height:auto;max-height:calc(100vh - 100px);margin:auto;object-fit:fill}