body{background:#eef2f5;margin:0;font-family:Segoe UI,Arial,sans-serif}.sidebar{color:#e2e8f0;background:#1e293b;width:300px;padding:12px;overflow:auto}.sidebar-item{cursor:pointer;padding:8px 12px;font-size:13px}.header{color:#fff;background:linear-gradient(135deg,#163047,#294c67);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.viewer{background:#f8fafc;padding:20px;overflow:auto}.paper{background:#fff;border-radius:10px;max-width:900px;margin:auto;padding:24px;box-shadow:0 10px 30px #0000001a}.sidebar-item{transition:all .2s}.sidebar-item:hover{background:#334155}.sidebar-item span{-webkit-user-select:none;user-select:none}