.reader-page{min-height:100vh;background:#f5f5f7;padding:20px}.reader-back-btn{position:fixed;top:20px;left:20px;z-index:100;display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#333;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000f}.reader-back-btn:hover{border-color:#ff3b30;color:#ff3b30}.reader-container{position:relative;max-width:800px;margin:60px auto 0}.reader-upload{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 2px 12px #0000000f}.reader-upload__icon{font-size:48px;margin-bottom:16px}.reader-upload__title{font-size:22px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.reader-upload__desc{font-size:14px;color:#86868b;margin-bottom:24px}.reader-upload__btn{display:inline-block;padding:10px 28px;background:#0071e3;color:#fff;border-radius:20px;font-size:15px;cursor:pointer;transition:background .2s}.reader-upload__btn:hover{background:#0077ed}.reader-upload__tips{margin-top:24px;font-size:13px;color:#86868b;line-height:2}.reader-upload__tips kbd{display:inline-block;padding:1px 6px;background:#f0f0f0;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-family:inherit}.reader-view{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;position:relative}.reader-view__fake{padding:0}.reader-view__fake-header{display:flex;align-items:center;gap:6px;padding:12px 20px;background:#fafafa;border-bottom:1px solid #eee}.reader-view__fake-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.reader-view__fake-title{margin-left:12px;font-size:13px;color:#86868b}.reader-view__fake-body{padding:32px 40px;font-size:15px;line-height:1.8;color:#1d1d1f;height:calc(100vh - 240px);max-height:600px;overflow:hidden}.reader-view__fake-body h2{font-size:20px;font-weight:600;margin-bottom:16px;color:#1d1d1f}.reader-view__fake-body p{margin-bottom:14px;text-indent:2em}.reader-view__fake-body .highlight{background:#fff3cd;padding:1px 4px;border-radius:2px}.reader-view__real{padding:0}.reader-view__real-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fafafa;border-bottom:1px solid #eee}.reader-view__real-title{font-size:14px;font-weight:500;color:#1d1d1f;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-view__real-progress{font-size:13px;color:#86868b}.reader-view__real-body{padding:32px 40px;font-size:15px;line-height:2;color:#1d1d1f;white-space:pre-wrap;word-break:break-all;height:calc(100vh - 300px);max-height:550px;overflow-y:auto;scroll-behavior:smooth}.reader-view__real-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;border-top:1px solid #eee;background:#fafafa}.reader-view__nav-btn{padding:8px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.reader-view__nav-btn:hover{border-color:#0071e3;color:#0071e3}.reader-view__nav-btn--upload{margin-left:auto;color:#86868b;border-color:#e5e5e5}.reader-view__nav-btn--upload:hover{color:#ff3b30;border-color:#ff3b30}.reader-view__page-info{font-size:13px;color:#86868b;min-width:80px;text-align:center}.reader-view__hint{text-align:center;padding:12px;font-size:12px;color:#aeaeb2;border-top:1px solid #f0f0f0}.reader-view__hint kbd{display:inline-block;padding:0 5px;background:#f0f0f0;border:1px solid #d9d9d9;border-radius:3px;font-size:11px;font-family:inherit}@media(max-width:640px){.reader-page{padding:12px}.reader-container{margin-top:50px}.reader-upload{padding:40px 20px}.reader-view__fake-body,.reader-view__real-body{padding:20px}.reader-view__real-footer{flex-wrap:wrap}}.reader-focus-btn{position:absolute;top:12px;right:-80px;z-index:200;display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffffe6;border:1px solid #e5e5e5;border-radius:8px;color:#333;font-size:13px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-focus-btn:hover{background:#ff3b30;border-color:#ff3b30;color:#fff}body.reader-focus-mode .main-sidebar,body.reader-focus-mode .floating-buttons,body.reader-focus-mode .mobile-hamburger,body.reader-focus-mode .nav-tools-group,body.reader-focus-mode .nav-shared-back{display:none!important}body.reader-focus-mode .reader-page{padding:0;margin-left:0!important}body.reader-focus-mode .reader-container{margin-top:20px;max-width:900px}body.reader-focus-mode .reader-focus-btn,body.reader-focus-mode .reader-back-btn,body.reader-focus-mode .reader-view__hint{display:none}.reader-focus-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:6px;padding:9px 18px;background:#1d1d1fdb;color:#fff;font-size:13px;white-space:nowrap;border-radius:999px;box-shadow:0 6px 24px #0000002e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s ease}.reader-focus-toast--show{opacity:1}.reader-focus-toast kbd{display:inline-block;padding:1px 6px;background:#ffffff29;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:11px;font-family:inherit;line-height:1.7}[data-theme=dark] .reader-page{background:#1a1a1e;color:#e5e5e7}[data-theme=dark] .reader-container{background:#232326;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .reader-header{border-bottom:1px solid rgba(255,255,255,.06);color:#e5e5e7}[data-theme=dark] .reader-header h2{color:#e5e5e7}[data-theme=dark] .reader-header p{color:#98989d}[data-theme=dark] .reader-content{color:#ababae}[data-theme=dark] .reader-content h1,[data-theme=dark] .reader-content h2,[data-theme=dark] .reader-content h3{color:#e5e5e7}[data-theme=dark] .reader-view{background:#232326;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .reader-view__title{color:#e5e5e7}[data-theme=dark] .reader-view__content{color:#ababae}[data-theme=dark] .reader-view__hint{color:#636366;background:#ffffff08}[data-theme=dark] .reader-view__progress{color:#636366}[data-theme=dark] .reader-upload{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);color:#98989d}[data-theme=dark] .reader-upload:hover{background:#ffffff0f;border-color:#ffffff40}[data-theme=dark] .reader-back-btn{background:#ffffff14;color:#ababae;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .reader-back-btn:hover{background:#ffffff1f;color:#e5e5e7}[data-theme=dark] .reader-focus-btn{background:#fff9;color:#333;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .reader-focus-btn:hover{background:#fffc}[data-theme=dark] .reader-focus-toast{background:#3a3a3cf0;color:#f5f5f7;box-shadow:0 6px 24px #00000080}[data-theme=dark] .reader-work-doc{background:#fff;color:#333}[data-theme=dark] .reader-work-doc h1,[data-theme=dark] .reader-work-doc h2,[data-theme=dark] .reader-work-doc h3,[data-theme=dark] .reader-work-doc p,[data-theme=dark] .reader-work-doc li,[data-theme=dark] .reader-work-doc span{color:#333}